/* Attractive modal custom styling */
    .promo-modal .modal-content {
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 10px 40px rgba(16,24,40,.2);
    }
    .promo-left {
      background: linear-gradient(135deg,#6c5ce7 0%,#00b894 100%);
      color: #fff;
      display:flex;
      align-items:center;
      justify-content:center;
      padding: 2rem;
    }
    .promo-left img { max-width: 160px; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,.2); }
    .promo-right { padding: 2rem; }
    .promo-title { font-weight:700; font-size:1.4rem; color:#111827; }
    .promo-sub { color:#6b7280; margin-bottom:1rem; }
    .feature-list { gap: .5rem; display:flex; flex-direction:column; margin-top: .75rem; }
    .feature-item { display:flex; gap:.75rem; align-items:center; color:#374151; }
    .btn-login { background: linear-gradient(90deg,#6c5ce7,#4c6ef5); color:#fff; border:0;}
    .btn-register { border: 1px solid #e6e9ef; color:#374151; background:#fff; }
    .dont-show { font-size:0.9rem; color:#6b7280; }
    @media (max-width:767px){
      .promo-left { padding:1rem; }
      .promo-right { padding:1rem; }
    }