:root{
    /* === BRAND COLORS (MYCPE ONE V5.0) === */
    --brand-50:  #EBEEFD;
    --brand-100: #D8DEFC;
    --brand-400: #4E69F1;
    --brand-500: #3A58EF;
    --brand-600: #314BD0;
    --brand-700: #283FB1;
    --brand-800: #12327B;

    /* === PURPLE / VIOLET === */
    --purple-50:  #F3F1FD;
    --purple-400: #7162EA;
    --purple-500: #5849D0;

    /* === GRAYS === */
    --gray-50:  #F9FAFB;
    --gray-200: #EAECF0;
    --gray-300: #D0D5DD;
    --gray-400: #98A2B3;
    --gray-500: #667085;
    --gray-600: #475467;
    --gray-900: #101828;

    /* === RADIUS === */
    --radius-xs: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
  }

  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  body{
    font-family:'Inter',sans-serif;
    background:var(--brand-50);
    color:var(--gray-900);
    -webkit-font-smoothing:antialiased;
    min-height:100vh;
  }

  /* ---------- Preview launcher (demo only — not part of the popup code) ---------- */
  .preview-bar{max-width:1160px;margin:0 auto;padding:48px 24px 24px;text-align:center;}
  .preview-bar h1{font-size:24px;font-weight:700;color:var(--gray-900);margin-bottom:8px;}
  .preview-bar p{font-size:14px;color:var(--gray-500);margin-bottom:28px;}
  .preview-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .preview-buttons button.btn-secondary{font-family:'Inter',sans-serif;font-size:13px;}

  /* ---------- Brand buttons ---------- */
  .btn-primary{
    background:var(--brand-500);color:#fff;font-weight:600;font-size:14px;
    padding:10px 22px;border-radius:var(--radius-xs);border:none;cursor:pointer;
    text-decoration:none;display:inline-block;transition:background .2s;
  }
  .btn-primary:hover{background:var(--brand-600);}
  .btn-primary:active{background:var(--brand-700);}
  .btn-secondary{
    background:#fff;color:var(--brand-500);border:1.5px solid var(--brand-500);
    font-weight:600;font-size:14px;padding:10px 22px;border-radius:var(--radius-xs);
    cursor:pointer;text-decoration:none;display:inline-block;
  }
  .btn-secondary:hover{background:var(--brand-50);}

  /* ---------- Overlay ---------- */
  .lm-overlay{
    display:none;position:fixed;inset:0;background:rgba(18,50,123,.35);
    align-items:center;justify-content:center;z-index:9999;padding:20px;
  }
  .lm-overlay.active{display:flex;}

  /* ---------- Bootstrap modal wrapper reset (keeps .lm-modal design as-is) ---------- */
  .lm-exit-popup .modal-dialog{max-width:920px;}
  .lm-exit-popup .modal-content{background:transparent;border:none;border-radius:0;box-shadow:none;}
  .lm-exit-popup .modal-body{padding:0;}
  @media(max-width:680px){
    .lm-exit-popup .modal-dialog{max-width:calc(100% - 20px);}
  }

  .lm-modal{
    background:#fff;width:100%;max-width:920px;border-radius:28px;overflow:hidden;
    display:grid;grid-template-columns:0.92fr 1.08fr;position:relative;
    box-shadow:0 30px 70px rgba(58,88,239,.22), 0 8px 24px rgba(16,24,40,.10);
    animation:lm-pop .2s ease;
    padding:14px;
    gap:14px;
  }
  @keyframes lm-pop{from{opacity:0;transform:scale(.97);}to{opacity:1;transform:scale(1);}}

  .lm-close{
    position:absolute;top:28px;right:28px;width:30px;height:30px;border-radius:50%;
    background:var(--gray-50);border:1px solid var(--gray-200);cursor:pointer;
    display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:13px;z-index:3;
    transition:.15s;
  }
  .lm-close:hover{background:var(--gray-200);color:var(--gray-900);}

  /* Left panel — organic mesh gradient (matches reference: layered soft blobs) */
  .lm-left{
    background:var(--brand-800);
    border-radius:20px;
    padding:36px 32px;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;
    position:relative;overflow:hidden;
    isolation:isolate;
  }
  .lm-left::before{
    content:"";position:absolute;inset:-20%;z-index:-1;
    background:
      radial-gradient(circle at 18% 22%, rgba(124,154,255,.95) 0%, rgba(124,154,255,0) 42%),
      radial-gradient(circle at 75% 12%, rgba(167,139,250,.85) 0%, rgba(167,139,250,0) 45%),
      radial-gradient(circle at 85% 55%, rgba(224,231,255,.55) 0%, rgba(224,231,255,0) 40%),
      radial-gradient(circle at 30% 70%, var(--brand-700) 0%, var(--brand-800) 55%),
      radial-gradient(circle at 60% 90%, rgba(78,105,241,.9) 0%, rgba(78,105,241,0) 50%),
      var(--brand-800);
    filter:blur(38px) saturate(115%);
  }
  .lm-eyebrow{
    font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
    color:var(--brand-100);display:block;margin-bottom:14px;margin-top:16px;
  }
  .lm-left h2{font-size:26px;font-weight:700;line-height:1.25;color:#fff;margin-bottom:18px;}
  .lm-stat-box{
    background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
    backdrop-filter:blur(6px);
    border-radius:var(--radius-md);padding:14px 16px;margin-bottom:0;
  }
  .lm-stat-box .lm-stat-num{color:#fff;font-weight:700;font-size:20px;margin-right:6px;}
  .lm-stat-box span.lm-stat-text{font-size:13.5px;color:rgba(255,255,255,.85);font-weight:600;}

  /* Right panel — white form */
  .lm-right{padding:40px 48px 32px;display:flex;flex-direction:column;justify-content:center;}
  .lm-right h3{font-size:24px;font-weight:700;color:var(--gray-900);margin-bottom:8px;letter-spacing:-.01em;}
  .lm-right .lm-sub{font-size:13.5px;color:var(--gray-500);margin-bottom:26px;line-height:1.6;}
  .lm-field{margin-bottom:18px;}
  .lm-field label{display:block;font-size:13px;font-weight:600;color:var(--gray-900);margin-bottom:7px;}
  .lm-field input{
    width:100%;padding:13px 16px;border:1px solid var(--gray-200);border-radius:10px;
    font-size:14px;color:var(--gray-900);font-family:'Inter',sans-serif;outline:none;
    background:var(--gray-50);transition:border-color .15s, background .15s;
  }
  .lm-field input:focus{border-color:var(--brand-500);background:#fff;}
  .lm-field input::placeholder{color:var(--gray-400);}
  .lm-field input.error{border-color:#D92D20;}
  .lm-field .lm-error{display:block;color:#D92D20;font-size:12px;margin-top:6px;}
  .lm-thank-you{font-size:15px;font-weight:600;color:var(--gray-900);text-align:center;padding:24px 0;}
  .lm-submit{width:100%;padding:14px;font-size:14.5px;margin-top:8px;text-align:center;border-radius:10px;
    box-shadow:0 8px 20px rgba(58,88,239,.28);}
  .lm-trust{font-size:12px;color:var(--gray-500);text-align:center;margin-top:16px;}

  .Right_Part {
        border-radius: 12px;
        border: 1px solid var(--Text-Grey-300, #D0D5DD);
        background: #FFF;
        padding: 8px 16px ;
    }
  @media(max-width:680px){
    .lm-modal{grid-template-columns:1fr;max-height:92vh;overflow-y:auto;padding:10px;gap:10px;}
    .lm-left{padding:30px 24px;border-radius:16px;}
    .lm-right{padding:28px 24px 24px;}
    .lm-left h2{font-size:21px;}
  }