:root{color-scheme:dark;--blue:#55adff;--ink:#e9efff;--muted:#9cabc4;--line:#294064;background:#080f20;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 78% 20%,#173c72 0%,#0b1831 34%,#080f20 74%);position:relative}
.blueprint-grid{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#387dbb 1px,transparent 1px),linear-gradient(90deg,#387dbb 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}
.header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:30px max(5vw,24px);border-bottom:1px solid #253a57}
.brand{text-decoration:none;color:#fff;font-weight:900;font-size:23px;letter-spacing:-.05em}.brand span{color:var(--blue)}
.header-pill{font-size:10px;letter-spacing:.18em;color:#7fbefa;border:1px solid #345b87;padding:10px 14px;border-radius:100px;font-weight:800}
.layout{position:relative;max-width:1160px;margin:0 auto;min-height:calc(100vh - 176px);padding:70px 28px;display:grid;grid-template-columns:1.07fr .93fr;gap:70px;align-items:center}
.eyebrow,.verified{font-size:10px;letter-spacing:.18em;font-weight:800;color:#84c6ff;display:flex;align-items:center;gap:9px}
.status-dot{display:inline-block;width:8px;height:8px;background:#5cf5bc;border-radius:50%;box-shadow:0 0 12px #40dcb6}
h1{font-size:clamp(48px,6.2vw,82px);line-height:1.07;letter-spacing:-.067em;margin:22px 0}h1 em{font-style:normal;color:var(--blue)}
.intro>p{color:var(--muted);line-height:1.8;font-size:16px;max-width:490px;margin:0 0 34px}
.steps{display:flex;flex-wrap:wrap;gap:12px}.steps>div{background:#102344;border:1px solid #2b4f77;border-radius:10px;padding:12px 13px;color:#d4e8ff;font-size:12px}
.steps span{color:#6fbcff;font-weight:900;margin-right:7px}.steps code{color:#b8dfff}
.panel{background:linear-gradient(145deg,#162c50,#0e1d37 60%,#0d1b32);border:1px solid #43658b;border-radius:20px;box-shadow:0 24px 80px #0007,0 0 55px #1468db1a;overflow:hidden}
.panel-top,.panel-foot{display:flex;align-items:center;gap:12px;padding:19px 25px;border-bottom:1px solid #2c4464;color:#bdd6f6;font-size:10px;font-weight:800;letter-spacing:.12em}
.panel-icon{display:grid;place-items:center;background:#194c87;border-radius:8px;color:#8fceff;width:29px;height:29px;font-size:20px}.live-indicator{margin-left:auto;color:#7ef8c8;font-size:9px}
form,#profile{padding:34px 36px 38px}h2{font-size:26px;letter-spacing:-.04em;margin:0 0 10px}.muted{color:var(--muted);line-height:1.65;font-size:13px;margin:0 0 28px}
label{display:block;color:#9dc6f6;font-size:10px;letter-spacing:.15em;font-weight:800;margin-bottom:11px}input{width:100%;background:#08172f;border:1px solid #365882;color:white;font-size:27px;letter-spacing:.18em;font-weight:800;text-align:center;border-radius:10px;padding:16px 12px;outline:none;transition:border-color .15s}input:focus{border-color:#79c4ff;box-shadow:0 0 0 3px #458ee433}input::placeholder{color:#516887}
button{font:inherit;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:10px;color:#081529;background:linear-gradient(115deg,#56aeff,#8fdbff);font-size:13px;font-weight:900;padding:19px 20px;margin-top:17px;transition:transform .15s,opacity .15s}button:hover{transform:translateY(-2px)}button:disabled{opacity:.55;cursor:wait;transform:none}button span{font-size:20px}
.message{color:#a2b5d2;font-size:12px;min-height:19px;margin:18px 0 0;line-height:1.6}.message.error{color:#ffb0b7}
.panel-foot{border-top:1px solid #2c4464;border-bottom:0;justify-content:space-between;color:#718da9;font-size:9px}
.profile{text-align:center}.profile .verified{justify-content:center;margin-bottom:24px}.profile img{image-rendering:pixelated;object-fit:contain;border:2px solid #4a8cce;background:#173257;border-radius:15px;padding:7px;margin-bottom:15px;box-shadow:0 0 35px #378be533}.profile h2{font-size:31px}.profile .muted{margin:7px auto 23px}
button.secondary{background:#223e65;color:#c7e4ff;border:1px solid #4779ae;font-weight:700;justify-content:center}
footer{position:relative;max-width:1160px;padding:26px 28px;margin:auto;display:flex;justify-content:space-between;border-top:1px solid #263b59;color:#708ca9;font-size:11px}footer span{color:#93b2d9}
[hidden]{display:none!important}
@media(max-width:800px){.layout{grid-template-columns:1fr;gap:35px;padding:45px 20px}.header{padding:24px 20px}.intro h1{font-size:53px}.panel{max-width:540px;width:100%;margin:auto}.header-pill{font-size:8px;padding:8px}.steps{gap:6px}.steps>div{font-size:10px;padding:10px}footer{padding:20px;gap:18px}}
@media(max-width:420px){form,#profile{padding:28px 22px}.panel-top,.panel-foot{padding:16px}.intro h1{font-size:44px}input{font-size:23px}}