:root{--bg:#14102a;--bg2:#1f1940;--ink:#f4f1ff;--mute:#b9b2d9;--pink:#ff3e9e;--yel:#ffd23f;--cyan:#5ce1e6;--px:4px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}
a{color:var(--cyan)}a:hover{color:var(--yel)}
:focus-visible{outline:3px solid var(--yel);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.narrow{max-width:720px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--yel);color:#000;padding:8px;z-index:9}
.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:20px;padding-bottom:20px}
.logo{font-weight:900;font-size:26px;letter-spacing:3px;color:var(--yel);text-decoration:none;text-shadow:3px 3px 0 var(--pink)}.logo span{color:var(--cyan)}
h1 .logo,h1.logo a{text-decoration:none;color:var(--yel)}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none}
h1,h2,h3{line-height:1.2;letter-spacing:1px}
h1{font-size:clamp(32px,6vw,58px);margin:.3em 0;text-shadow:4px 4px 0 #000}h1 em{font-style:normal;color:var(--pink)}
h2{font-size:30px;color:var(--yel);margin-top:2.2em;text-shadow:3px 3px 0 #000}
.hero{padding-top:40px;padding-bottom:20px}.lead{font-size:19px;color:var(--mute);max-width:760px}
.badge{display:inline-block;background:var(--pink);color:#000;font-weight:800;padding:4px 10px;box-shadow:var(--px) var(--px) 0 #000;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.6}}
.perks{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--cyan)}
.btn{display:inline-block;background:var(--yel);color:#120d24;font:inherit;font-weight:800;padding:12px 20px;border:0;text-decoration:none;cursor:pointer;
box-shadow:var(--px) var(--px) 0 var(--pink),calc(var(--px)*2) calc(var(--px)*2) 0 #000;transition:transform .05s}
.btn:hover{color:#120d24;transform:translate(-2px,-2px)}.btn:active{transform:translate(3px,3px);box-shadow:none}.btn:disabled{opacity:.6;cursor:wait}
.btn.small{padding:6px 12px;font-size:14px}.btn.ghost{background:transparent;color:var(--cyan);box-shadow:inset 0 0 0 2px var(--cyan)}
.panel{background:var(--bg2);padding:24px;border:var(--px) solid #000;box-shadow:inset 0 0 0 var(--px) #3a3170,var(--px) var(--px) 0 #000}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.num{display:inline-grid;place-items:center;width:44px;height:44px;background:var(--cyan);color:#000;font-weight:900;font-size:22px;box-shadow:var(--px) var(--px) 0 #000}
.steps h3{color:var(--pink)}code{background:#000;padding:1px 6px;color:var(--yel);word-break:break-all}
.form-panel{max-width:720px;margin:0 auto}
label{display:block;margin:10px 0 4px;font-weight:700}
input,select{width:100%;font:inherit;padding:10px;background:#0b0818;color:var(--ink);border:3px solid #4b4190}
input:focus,select:focus{border-color:var(--yel)}
fieldset.item{border:3px dashed #4b4190;margin:18px 0;padding:8px 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
fieldset.item legend{color:var(--cyan);font-weight:800;padding:0 6px}fieldset.item label:first-of-type{grid-column:1/-1}
fieldset.item .remove{margin-top:12px;justify-self:start}
@media (max-width:560px){fieldset.item{grid-template-columns:1fr}}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:16px 0}.check input{width:auto;margin-top:6px}
.hp{position:absolute;left:-9999px}
#form-status{min-height:1.6em}.err{color:#ff8a8a}.ok h3{color:var(--yel)}.addr code{font-size:20px}
details{background:var(--bg2);margin:10px 0;padding:12px 18px;border-left:var(--px) solid var(--pink)}summary{cursor:pointer;font-weight:800}
.foot{margin-top:60px;padding:30px 20px;color:var(--mute);border-top:var(--px) dotted #3a3170}.small{font-size:13px}
.legal h2{font-size:22px}.legal{padding-bottom:40px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}