:root{
      --primary:#0F206C;
      --secondary:#425CC7;
      --accent:#00C1DE;
      --bg:#05091c;
      --bg-soft:#0a1130;
      --text:#f7f9ff;
      --muted:#aab4d0;
      --display:'M PLUS 1',sans-serif;
      --ui:'Work Sans',sans-serif;
      --ease:cubic-bezier(.16,1,.3,1);
    }
    *{box-sizing:border-box}
    html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--ui)}
    body{min-height:100svh;overflow:hidden;background:
      radial-gradient(circle at 50% 42%,rgba(58,87,224,.26),transparent 29%),
      radial-gradient(circle at 50% 95%,rgba(31,71,187,.20),transparent 38%),
      linear-gradient(180deg,#020515 0%,#050a22 58%,#071032 100%);}
    body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.032;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
    a{color:inherit;text-decoration:none}
    .page{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;position:relative;isolation:isolate;overflow:hidden}
    .page::after{content:"";position:absolute;left:50%;bottom:-52vw;transform:translateX(-50%);width:136vw;height:74vw;border:1px solid rgba(145,166,255,.13);border-radius:50%;box-shadow:0 -44px 140px rgba(37,68,203,.14),0 -6px 50px rgba(0,193,222,.05);z-index:-1}
    .nav{width:min(1180px,calc(100% - 40px));margin:18px auto 0;height:66px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(165,181,255,.13);border-radius:999px;background:rgba(6,10,31,.50);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 40px rgba(0,0,0,.12)}
    .brand img{width:112px;height:auto;display:block}
    .nav-note{font-size:.75rem;color:#8996ba;letter-spacing:.02em}
    .content{display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;transform:translateY(-24px)}
    .stars{position:absolute;inset:0;pointer-events:none}
    .star{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 0 10px rgba(255,255,255,.55),0 0 18px rgba(160,196,255,.20);animation:twinkle 5s ease-in-out infinite,drift 9s ease-in-out infinite}
    .star:nth-child(2n){width:3px;height:3px;animation-duration:5.8s,10s}
    .star:nth-child(3n){width:5px;height:5px;animation-duration:6.4s,11.2s}
    .star:nth-child(1){top:14%;left:8%}.star:nth-child(2){top:28%;left:18%}.star:nth-child(3){top:19%;right:9%}.star:nth-child(4){top:35%;right:19%}.star:nth-child(5){top:62%;left:10%}.star:nth-child(6){top:67%;right:11%}.star:nth-child(7){top:48%;left:4%}.star:nth-child(8){top:51%;right:5%}
    @keyframes twinkle{0%,100%{opacity:.3;transform:scale(.84)}50%{opacity:1;transform:scale(1.16)}}
    @keyframes drift{0%,100%{translate:0 0}50%{translate:0 -5px}}
    .card{width:min(790px,100%);text-align:center;position:relative;padding:50px 52px 46px;border:1px solid rgba(144,164,243,.15);border-radius:38px;background:linear-gradient(180deg,rgba(15,24,65,.68),rgba(7,12,38,.66));backdrop-filter:blur(18px);box-shadow:0 36px 100px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden}
    .card::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;left:50%;top:-330px;transform:translateX(-50%);background:radial-gradient(circle,rgba(0,193,222,.16),transparent 64%);filter:blur(2px)}
    .icon{width:76px;height:76px;border-radius:50%;margin:0 auto 28px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,rgba(66,92,199,.48),rgba(0,193,222,.15));border:1px solid rgba(110,226,240,.22);box-shadow:0 0 48px rgba(0,193,222,.12)}
    .icon::after{content:"";position:absolute;inset:-12px;border:1px solid rgba(0,193,222,.10);border-radius:50%;animation:ring 2.8s ease-out infinite}
    @keyframes ring{0%{transform:scale(.84);opacity:.7}80%,100%{transform:scale(1.25);opacity:0}}
    .icon svg{width:32px;height:32px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(142,160,232,.16);background:rgba(17,28,72,.38);border-radius:999px;padding:8px 13px;color:#cbd4f7;font-size:.75rem;letter-spacing:.03em;margin-bottom:22px}
    .eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(0,193,222,.72)}
    h1{font-family:var(--display);font-size:clamp(3rem,7.4vw,6.2rem);line-height:.94;letter-spacing:-.065em;font-weight:500;margin:0;text-wrap:balance}
    h1 .gradient{background:linear-gradient(110deg,#fff 8%,#a2b2ff 54%,#73e8fa 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .lead{max-width:620px;margin:24px auto 0;color:#aeb9d7;font-size:clamp(1rem,1.55vw,1.12rem);line-height:1.7;text-wrap:balance}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:34px 0 30px;text-align:left}
    .step{padding:18px 17px;border:1px solid rgba(137,156,231,.11);border-radius:17px;background:rgba(6,11,34,.42)}
    .step small{display:block;color:#63e2ef;font-size:.65rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}
    .step strong{font-size:.84rem;line-height:1.35;font-weight:600}
    .actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-weight:600;font-size:.85rem;transition:.35s var(--ease)}
    .btn:hover{transform:translateY(-3px)}
    .btn-primary{background:linear-gradient(135deg,#5774f7,#3557e5 45%,#0cc7df);box-shadow:0 12px 34px rgba(43,87,227,.27),inset 0 1px 0 rgba(255,255,255,.30);border-color:rgba(156,201,255,.32)}
    .btn-secondary{background:rgba(14,23,61,.54);color:#dce3ff;backdrop-filter:blur(10px)}
    .micro{margin:18px auto 0;color:#6f7d9f;font-size:.71rem;line-height:1.5}
    .footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#5f6c8c;font-size:.7rem}
    .footer a{color:#8594bd}
    .contour{position:absolute;width:720px;height:420px;right:-280px;bottom:-75px;opacity:.12;pointer-events:none}
    .contour path{fill:none;stroke:#5369c2;stroke-width:1}
    @media (max-width:760px){
      body{overflow:auto}
      .page{min-height:100svh}
      .nav{height:60px;width:calc(100% - 28px);margin-top:14px}
      .nav-note{display:none}
      .content{padding:42px 14px 34px;transform:none}
      .card{padding:42px 22px 36px;border-radius:28px}
      .steps{grid-template-columns:1fr}
      .actions{display:grid;grid-template-columns:1fr;width:100%}
      .btn{width:100%}
      .footer{width:calc(100% - 28px);padding-bottom:18px;flex-direction:column;align-items:flex-start}
    }

    @media (max-height:820px) and (min-width:761px){
      body{overflow:auto}
      .page{min-height:100svh}
      .content{padding:28px 20px;transform:none}
      .card{padding:42px 46px 38px}
      .icon{width:68px;height:68px;margin-bottom:22px}
      h1{font-size:clamp(2.8rem,6vw,5rem)}
      .lead{margin-top:18px}
      .steps{margin:26px 0 24px}
    }
    @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}