:root{
  --display:"Space Grotesk","Segoe UI",sans-serif;
  --body:"Manrope","Segoe UI",sans-serif;
}
body{font-family:var(--body);letter-spacing:-.01em}
header{display:grid;grid-template-columns:1fr auto 1fr}
.brand{font-family:var(--display);font-weight:500;letter-spacing:.08em;justify-self:start}
.main-tabs{justify-self:center;display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fffefa}
.main-tabs a{min-width:116px;padding:10px 15px;border-radius:999px;color:var(--muted);font-family:var(--display);font-size:11px;font-weight:600;text-align:center;text-decoration:none;transition:background .25s,color .25s,transform .25s}
.main-tabs a:hover{color:var(--ink)}
.main-tabs a.active{color:var(--ink);background:var(--lime)}
.main-tabs a i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:7px;box-shadow:0 0 0 4px #4f57ee18}
.main-tabs a span{color:var(--blue)}
.header-side{justify-self:end;align-self:center;color:var(--muted);font-family:var(--display);font-size:10px;font-weight:600}
.wl-status{justify-self:center;display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #c9e89d;border-radius:999px;background:#f6ffdf;color:var(--ink);font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.04em}
.wl-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #b8ff3730;animation:wlPulse 2.2s ease-in-out infinite}
.success-status{display:inline-block;padding:11px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-family:var(--display);font-size:9px;font-weight:600}
.eyebrow,.step-kicker{font-family:var(--display);font-weight:600;letter-spacing:.16em}
h1,.form-head h2,.form-step h3,.success h3{font-family:var(--display);font-weight:700}
h1{letter-spacing:-.085em}
.lead{font-family:var(--body);font-size:14px;letter-spacing:-.01em}
.application{box-shadow:0 36px 90px #36372a12;border-radius:28px}
.form-head p,.form-foot,.form-step>label:not(.task),.wallet-note,.error{font-family:var(--body);letter-spacing:.03em}
.form-head h2{letter-spacing:-.06em}
.input-wrap input{font-family:var(--body)}
.next,.submit,.back,.post-link,.task{font-family:var(--display)}
.next,.submit{letter-spacing:.04em}
.signal-viz{width:min(540px,100%);margin:38px 0 26px;position:relative}
.signal-viz:before{content:"";position:absolute;inset:13% 4%;border-radius:50%;background:radial-gradient(circle,#eef0ff 0,#fff2f866 42%,transparent 70%);filter:blur(16px);animation:vizAura 7s ease-in-out infinite}
.signal-viz svg{position:relative;display:block;width:100%;overflow:visible}
.signal-viz .aura{fill:url(#signalAura);animation:auraScale 6s ease-in-out infinite;transform-origin:280px 210px}
.orbit-path{fill:none;stroke:#11120f24;stroke-width:1;transform-box:fill-box;transform-origin:center}
.orbit-x{stroke-dasharray:5 10;animation:orbitDash 16s linear infinite}
.orbit-y{stroke:#4f57ee25;stroke-dasharray:2 8;animation:orbitDashBack 20s linear infinite}
.signal-wave{fill:none;stroke:url(#signalGradient);stroke-width:7;stroke-linecap:square;stroke-dasharray:16 11;animation:waveTravel 5s linear infinite}
.wave-bottom{animation-direction:reverse;opacity:.72}
.axis{stroke:#11120f;stroke-width:2}
.pixel-eye{filter:drop-shadow(8px 9px 0 #b8ff3744)}
.pixel-eye rect{shape-rendering:crispEdges}.pixel-eye .eye-axis-pixel,.pixel-eye .pupil-pixel{fill:#11120f}.pixel-eye .blue{fill:#4f57ee}.pixel-eye .white{fill:#fffefa}.pixel-eye .mint{fill:#71d7ad}.pixel-eye .lime{fill:#b8ff37}.pixel-eye .pink{fill:#ff69be}.pixel-eye .orange{fill:#ff8c27}.pixel-eye .glint-pixel{fill:#fffefa}
.pixel-eye .glint-pixel{animation:glintFlow 4.8s ease-in-out infinite}.pixel-eye .mint{animation:irisGlow 5.5s ease-in-out infinite}
.node{transform-box:fill-box;transform-origin:center;animation:nodePulse 4.8s ease-in-out infinite}.n1,.n4{fill:#ff69be}.n2,.n6{fill:#4f57ee}.n3{fill:#ff8c27}.n5{fill:#71d7ad}.n2{animation-delay:-.8s}.n3{animation-delay:-1.6s}.n4{animation-delay:-2.4s}.n5{animation-delay:-3.2s}
.signal-readout{fill:var(--muted);font:600 10px var(--display);letter-spacing:.13em}
.micro-stats{font-family:var(--display);font-size:10px;letter-spacing:.03em}
footer{font-family:var(--body)}
@keyframes vizAura{50%{transform:scale(1.07);opacity:.75}}@keyframes auraScale{50%{transform:scale(1.08);opacity:.65}}@keyframes orbitDash{to{stroke-dashoffset:-180}}@keyframes orbitDashBack{to{stroke-dashoffset:180}}@keyframes waveTravel{to{stroke-dashoffset:-216}}@keyframes nodePulse{50%{transform:scale(1.28);opacity:.6}}@keyframes glintFlow{0%,100%{opacity:.35}50%{opacity:1}}@keyframes irisGlow{0%,100%{filter:drop-shadow(0 0 0 #71d7ad00)}50%{filter:drop-shadow(0 0 8px #71d7adaa)}}@keyframes wlPulse{50%{box-shadow:0 0 0 9px #b8ff370d}}
@media(max-width:820px){
  header{grid-template-columns:auto 1fr;padding:0 16px}
  .main-tabs{justify-self:end}
  .main-tabs a{min-width:auto;padding:9px 12px}
  .header-side{display:none}
  .wl-status{justify-self:end;padding:10px 13px}
}
@media(max-width:480px){
  .brand{font-size:13px}.eye-mark{display:none}
  .main-tabs a{font-size:9px;padding:9px 10px}
  .main-tabs a i{display:none}
  .wl-status{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.signal-viz:before,.signal-viz .aura,.orbit-path,.signal-wave,.pixel-eye .glint-pixel,.pixel-eye .mint,.node,.wl-status i{animation:none}}