body.acc{--plate:#161a1e;--edge:#4a535d;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");flex-direction:column;min-height:100svh;display:flex}.acc .top{background:linear-gradient(#0f1216d9,#0f121600);padding-block:8px}.acc .brand img{filter:drop-shadow(0 2px 6px #000a);width:56px;height:56px}.acc .top nav a{padding:12px 0}.stage{isolation:isolate;flex:1;place-items:center;padding:84px 16px 40px;display:grid;position:relative;overflow:hidden}.stage .bg{z-index:-2;object-fit:cover;filter:saturate(.7)brightness(.72)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.stage:after{content:"";z-index:-1;background:var(--grain), radial-gradient(ellipse 70% 80% at 50% 45%, #0f121620, #0f1216e6 100%);position:absolute;inset:0}.card{background:var(--grain), linear-gradient(#1a1f24, var(--plate));border:1px solid var(--edge);border-top:0;width:100%;max-width:468px;padding:28px clamp(18px,4vw,34px) clamp(22px,4vw,32px);position:relative;box-shadow:inset 0 1px #ffffff0d,0 24px 60px #000c}.card:before{content:"";background:repeating-linear-gradient(-45deg, var(--acc) 0 10px, #10151a 10px 20px);opacity:.9;height:6px;position:absolute;inset:0 -1px auto}.card:after{content:"";background:#2a3138;border-radius:50%;width:7px;height:7px;position:absolute;inset:20px 16px auto auto;box-shadow:0 1px #ffffff14,inset 0 1px 1px #000}.card .kick{align-items:baseline;gap:12px;margin:0 0 8px;display:flex}.card .kick .no{color:var(--mute);letter-spacing:.2em;border-left:1px solid var(--line);padding-left:12px;font-size:12px}.card h1{letter-spacing:.02em;white-space:nowrap;margin-bottom:22px;font-size:clamp(32px,9vw,42px);font-weight:900;line-height:.95}.tabs{border:1px solid var(--edge);background:#0c0f12;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:22px;padding:3px;display:grid}.tabs button{min-height:66px;color:var(--mute);font:700 14px/1.05 var(--disp);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#1b2026;border:0;border-radius:1px;align-content:center;justify-items:center;gap:6px;padding:8px 4px 10px;transition:color .15s,background-color .15s;display:grid;position:relative}.tabs button i{opacity:.8;font-size:19px;font-style:normal;line-height:1}.tabs button:after{content:"";background:var(--acc);height:3px;transition:transform .2s ease-out;position:absolute;inset:auto 10px 0;transform:scaleX(0)}.tabs button:hover{color:var(--ink);background:#222830}.tabs button[aria-selected=true]{color:var(--ink);background:#262d35;box-shadow:inset 0 1px #ffffff12}.tabs button[aria-selected=true] i{color:var(--acc);opacity:1}.tabs button[aria-selected=true]:after{transform:none}.tabs button:focus-visible,.card :focus-visible{outline:2px solid var(--acc);outline-offset:2px}.card form{gap:10px}.card form>label{margin-top:6px}.card label small{font:400 13px var(--ui);letter-spacing:0;text-transform:none;color:var(--mute);margin-left:6px}.card input[type=email],.card input[type=text],.card textarea{width:100%;min-height:50px;color:var(--ink);font:400 16px var(--ui);background:#0b0e11;border:1px solid #4f5965;border-bottom-color:#66717d;border-radius:1px;padding:0 14px;transition:border-color .15s;box-shadow:inset 0 2px 4px #0008}.card textarea{resize:vertical;min-height:70px;padding:12px 14px}.card input:hover,.card textarea:hover{border-color:#6b7783}.card input:focus,.card textarea:focus{border-color:var(--acc);box-shadow:inset 0 2px 4px #0008, 0 0 0 1px var(--acc);outline:0}.card ::placeholder{color:#6c757c}.card input[aria-invalid=true]{border-color:var(--bad);box-shadow:inset 0 2px 4px #0008, 0 0 0 1px var(--bad)}.card #cd-code{font:700 22px var(--disp);letter-spacing:.24em;text-transform:uppercase}.card #cd-code::placeholder{letter-spacing:.24em}.sub{color:var(--ink2);margin:0 0 2px}.card .btn.go{letter-spacing:.14em;width:100%;min-height:54px;margin-top:10px;font-size:21px;transition:background-color .15s,transform 50ms;box-shadow:inset 0 -3px #0003,0 2px #000}.card .btn.go:active{transform:translateY(1px);box-shadow:inset 0 -1px #0003}.card .btn[disabled]{opacity:.75;cursor:progress}.card .fine{color:var(--mute);opacity:1;font-size:13.5px}.card .fine a{color:var(--ink2)}.msg{padding:0;display:block}.msg:empty{display:none}.msg.err,.msg.ok{background:#0b0e11;border-left:3px solid;padding:11px 14px;line-height:1.45}.msg.err{color:#ef8a6a}.msg button{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--acc);text-decoration-color:var(--acc);text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:600}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:10px;animation:.8s linear infinite sp;display:none}.btn[disabled] .spin{display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.done{text-align:center;justify-items:center;gap:12px;padding:10px 0 4px;display:grid}.done:focus{outline:0}.done .mark{border:3px double var(--ok);width:84px;height:84px;color:var(--ok);opacity:.92;border-radius:4px;place-items:center;margin-bottom:4px;font-size:40px;display:grid;transform:rotate(-6deg)}.done h2{font-size:clamp(28px,7vw,36px);font-weight:900}.done p{color:var(--ink2);overflow-wrap:anywhere;max-width:36ch;margin:0}.done .btn.ghost{margin-top:6px}@media (prefers-reduced-motion:no-preference){.done:not([hidden]) .mark{animation:.28s cubic-bezier(.2,.8,.3,1.2) stamp}@keyframes stamp{0%{opacity:0;transform:rotate(-6deg)scale(1.6)}}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:3s}.tabs button,.tabs button:after{transition:none}}.acc footer{text-align:center;background:#0c0f12;width:100%;max-width:none;padding:16px}@media (max-width:420px){.stage{padding:76px 12px 28px}.tabs button{letter-spacing:.05em;min-height:62px;font-size:12.5px}.card .kick .no{display:none}}@media (min-width:1200px){.card{max-width:500px}}
