:root{
      --bg:#FBE7D3;             /* warm peach */
      --bg-2:#FFF8F1;
      --ink:#221A4B;            /* deep purple */
      --muted:#5b537f;
      --primary:#FF7A45;        /* orange CTA */
      --primary-700:#e16432;
      --accent:#4B3FB3;         /* purple accent */
      --success:#18a957;
      --card:#ffffff;
      --ring:rgba(75,63,179,.25);
      --max:1200px;
      --radius:18px;
      --shadow:0 10px 30px rgba(0,0,0,.08);
    }

    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Helvetica Neue", sans-serif;
      color:var(--ink);
      background: radial-gradient(1200px 600px at 85% -10%, #ffe2ca 0%, transparent 60%) no-repeat,
                  radial-gradient(900px 600px at -10% 10%, #fdebd6 0%, transparent 60%) no-repeat,
                  var(--bg);
      line-height:1.6;
    }
    img{max-width:100%; height:auto; display:block}
    a{color:inherit; text-decoration:none}
    .wrap{max-width:var(--max); margin-inline:auto; padding-inline:20px}
    .btn{
      display:inline-flex; align-items:center; gap:.6rem;
      background:var(--primary); color:#fff; border:none; cursor:pointer;
      padding:14px 22px; border-radius:999px; font-weight:700; font-size:1rem;
      box-shadow:0 8px 18px rgba(255,122,69,.35);
      transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .btn:hover{transform:translateY(-1px); background:var(--primary-700)}
    .btn--outline{
      background:#fff; color:var(--accent); border:2px solid var(--accent);
      box-shadow:none;
    }
    .eyebrow{letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--accent)}
    h1{
      font-family:"Playfair Display", serif; line-height:1.15; margin:0 0 12px;
      font-weight:100; font-size:clamp(28px, 4.5vw, 56px);
      color:var(--ink);
    }
    h2{
      font-family:"Playfair Display", serif; font-weight:100; line-height:1.15;
      font-size:clamp(22px, 3vw, 36px); margin:0 0 16px;
    }
    h3{font-weight:100; font-size:clamp(18px, 2vw, 24px); margin:0 0 12px}
    p.lead{font-size:clamp(16px, 1.5vw, 18px); color:#3a335f; margin:0 0 20px}

    /* HERO */
    .hero{
      padding:clamp(38px, 6vw, 72px) 0 clamp(26px, 5vw, 56px);
      position:relative;
    }
    .hero__grid{
      display:grid; gap:32px; align-items:center;
      grid-template-columns: 1.2fr .9fr;
    }
    @media (max-width: 900px){
      .hero__grid{grid-template-columns:1fr}
    }
    .check{
      width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;
      background:rgba(24,169,87,.1); color:var(--success); flex:0 0 20px
    }
    .hero__bullets{display:grid; gap:12px; margin:18px 0 26px}
    .hero__bullet{display:flex; gap:12px; align-items:flex-start}
    .hero__cta{display:flex; gap:14px; flex-wrap:wrap; align-items:center}

    .avatar{
      width:min(410px, 75vw); aspect-ratio:1/1; border-radius:50%;
      margin:0 auto; position:relative; background:#fff; padding:12px;
      box-shadow:0 12px 30px var(--ring);
    }
    .avatar img{border-radius:50%}
    .avatar:after{
      content:""; position:absolute; inset:-10px; border-radius:50%;
      background:conic-gradient(from 200deg at 50% 50%, #4B3FB3, #FF7A45, #f9c56a, #4B3FB3);
      filter:blur(22px); opacity:.25; z-index:-1;
    }
span.secure{
        display: flex
;
    align-items: center;
    gap: 4px;
    
}
    /* CARDS + GRID */
    .section{padding:56px 0}
    .grid{display:grid; gap:20px}
    .grid--3{grid-template-columns:repeat(3, 1fr)}
    .grid--2{grid-template-columns:repeat(2, 1fr)}
    @media (max-width: 900px){.grid--3,.grid--2{grid-template-columns:1fr}}
    .card{
      background:var(--card); border-radius:var(--radius); padding:22px;
      box-shadow:var(--shadow); border:1px solid rgba(75,63,179,.08);
    }
    .pill{
      display:inline-flex; align-items:center; gap:.5rem;
      border-radius:999px; padding:8px 12px; background:#fff; border:1px dashed var(--accent);
      color:var(--accent); font-weight:700; font-size:.95rem;
    }
    .list{display:grid; gap:10px; padding-left:0; list-style:none}
    .list li{display:flex; gap:10px}
    .list .tick{color:var(--success); font-weight:900}

    /* DETAILS STRIP */
    .details{
      display:grid; gap:16px; grid-template-columns:repeat(4,1fr);
    }
    @media (max-width:900px){.details{grid-template-columns:1fr 1fr}}
    @media (max-width:540px){.details{grid-template-columns:1fr}}
    .detail{background:#fff; border:1px solid rgba(75,63,179,.12); border-radius:14px; padding:16px; box-shadow:var(--shadow)}
    .detail b{display:block; color:var(--accent); margin-bottom:6px}

    /* ABOUT */
    .about{background:var(--bg-2)}

    /* REGISTER */
  
    /* FAQ */
    .faq details{border:1px solid rgba(75,63,179,.15); border-radius:12px; padding:14px 16px; background:#fff}
    .faq details+details{margin-top:12px}
    .faq summary{cursor:pointer; font-weight:700}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{content:"+"; float:right; font-weight:900; color:var(--accent)}
    .faq details[open] summary:after{content:"–"}

    /* STICKY CTA */
    .sticky{
      position:fixed; bottom:0; z-index:30; backdrop-filter:saturate(1.2) blur(6px);
      background:linear-gradient(180deg, rgba(251,231,211,.2), rgba(251,231,211,.85));
      border-top:1px solid rgba(75,63,179,.15);
      width: 100%;
    }
    .sticky__bar{
      display:flex; gap:14px; align-items:center; justify-content:space-between;
      padding:12px 0;
    }
    .learn img{
            max-width: 30%;
    margin: auto;
    }
    .learn h3{margin-bottom:0px;}
    .learn p{margin-top:0px;}
    .sticky__left{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
    .countdown{font-weight:100; color:var(--accent)}
    .sticky .btn{padding:12px 18px}
    
    .about-img{max-width:100%; padding:0px;}
    .about{padding:0px;}
    .legal-links{    text-align: center;}
    @media (max-width:680px){
      .sticky__bar{flex-direction:column; align-items:stretch}
      .sticky__left{justify-content:center}
    }

    /* Utilities */
    .center{text-align:center}
    .muted{color:var(--muted)}
    .badge{display:inline-block; padding:6px 10px; border-radius:999px; background:#efeaff; color:#3b2cb7; font-weight:700}
    .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
    .mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}
    .mb-0{margin-bottom:0}
    .divider{height:1px; background:rgba(75,63,179,.15); margin:22px 0}
    .reveal{opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .5s ease}
    .reveal.show{opacity:1; transform:none}

    @media (prefers-reduced-motion: reduce){
      .reveal{opacity:1; transform:none}
      .btn{transition:none}
    }