:root{
  --ink:#12050a;--text:#fbf3f4;--mut:rgba(251,243,244,.7);--dim:rgba(251,243,244,.45);
  --glass:rgba(255,255,255,.065);--glass-hi:rgba(255,255,255,.11);--stroke:rgba(255,255,255,.13);--stroke-hi:rgba(255,233,160,.45);
  --maroon:#a31d37;--gold:#f5c518;--gold-soft:#ffe48f;--bad:#ff9aa6;
  --f-disp:"Sora",ui-sans-serif,system-ui,sans-serif;--f-body:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{min-height:100%}
body{margin:0;background:var(--ink);color:var(--text);font:15px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;
  padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#3a0b18 0%,var(--ink) 60%)}
.aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:drift 26s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:52vmax;height:52vmax;left:-14vmax;top:-18vmax;background:#a31d37}
.aurora i:nth-child(2){width:38vmax;height:38vmax;right:-12vmax;top:18vh;background:#f5c518;opacity:.16;animation-duration:32s}
.aurora i:nth-child(3){width:44vmax;height:44vmax;left:20vw;bottom:-26vmax;background:#5b0d2a;opacity:.7;animation-duration:38s}
@keyframes drift{to{transform:translate3d(6vmax,4vmax,0) scale(1.08)}}
.wrap{position:relative;z-index:1;max-width:560px;margin:0 auto;display:grid;gap:16px}
.brand{display:flex;align-items:center;gap:14px;padding:4px 2px 6px}
.logos{display:flex;align-items:center;gap:8px;flex:none}
.brand img{height:58px;width:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.brand img:first-child{height:61px}
.logos::after{content:none}
@media (max-width:360px){.brand img{height:48px}.brand img:first-child{height:50px}.brand b{font-size:16px}}
.brand b{display:block;font:700 18px/1.2 var(--f-disp)}
.brand small{font:600 10.5px var(--f-mono);letter-spacing:.18em;color:var(--gold-soft)}
.glass{padding:22px;border-radius:24px;border:1px solid var(--stroke);background:linear-gradient(155deg,var(--glass-hi),var(--glass) 55%);
  -webkit-backdrop-filter:saturate(160%) blur(22px);backdrop-filter:saturate(160%) blur(22px);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 24px 60px -28px rgba(0,0,0,.7)}
.eyebrow{font:600 11px var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft)}
h1,h2{font-family:var(--f-disp);margin:6px 0 8px;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(28px,8vw,38px)}h2{font-size:20px}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--gold),var(--gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent}
p{margin:0 0 12px}.mut{color:var(--mut)}.dim{color:var(--dim)}.small{font-size:12.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 22px;border:1px solid var(--stroke);
  background:rgba(255,255,255,.08);color:var(--text);font:600 15px var(--f-body);text-decoration:none;cursor:pointer;transition:transform .15s}
.btn:active{transform:scale(.97)}
.btn svg{width:20px;height:20px}
.btn.primary{background:linear-gradient(180deg,#ffd84a,var(--gold));border-color:#ffe48f;color:#2a0b12;box-shadow:0 12px 28px -12px rgba(245,197,24,.85)}
.btn.big{width:100%;padding:16px 22px;font-size:17px;margin:8px 0 10px}
.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.warn{font-size:13px;color:var(--bad);border:1px solid rgba(255,122,138,.45);border-radius:12px;padding:10px 14px;background:rgba(255,122,138,.08)}
ol{margin:6px 0 0;padding-left:20px}
ol li{margin:4px 0}
.kbd{display:inline-block;padding:0 6px;border:1px solid var(--stroke);border-radius:6px}
.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:10px;margin-top:10px}
.steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start}
.steps li::before{content:counter(s);grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--f-mono);color:var(--gold);border:1px solid var(--stroke-hi)}
.steps b{font:600 15px/1.3 var(--f-disp)}.steps span{font-size:13px;color:var(--mut)}
footer{text-align:center;padding:4px 10px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.credit{display:inline-block;margin-top:10px;font-size:12px;color:var(--dim)}