.su{background:var(--onyx);color:#f4f4f5;grid-template-columns:minmax(300px,5fr) 7fr;min-height:calc(100vh - 64px);display:grid}.su-badge{background:#8f1d14 repeating-linear-gradient(45deg,#ffffff09 0 2px,#0000 2px 6px);border-top:6px dashed #ffffff59;flex-direction:column;padding:clamp(28px,4vw,40px);display:flex}.su-badge h2,.su-form h1{font-family:var(--sans,Inter, system-ui, sans-serif);font-weight:800}.su-badge h2{letter-spacing:-.02em;max-width:11ch;margin:0;font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.1}.su-card{aspect-ratio:5/8;text-align:center;color:#ffffffb3;border:2px dashed #ffffff73;border-radius:14px;align-content:center;place-items:center;gap:10px;width:176px;margin:auto;padding:14px;transition:background .25s,border-color .25s;display:grid}.su-card b{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.9rem;font-weight:800;line-height:1}.su-card small{font-size:.8rem}.su-card.on{color:#fff;background:#00000047;border-style:solid;border-color:#ffffffe6}.su-card.on b{overflow-wrap:anywhere;font-size:1rem}.su-badge dl{border-top:1px solid #ffffff40;margin:0}.su-badge dl div{justify-content:space-between;gap:16px;padding:10px 0;font-size:.92rem;display:flex}.su-badge dt{color:#ffffffbf}.su-badge dd{text-align:right;margin:0;font-weight:700}.su-form{align-self:center;width:min(480px,100%);margin:0 auto;padding:clamp(32px,6vw,72px) 24px}.su-steps{color:#a1a1aa;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 36px;padding:0;font-size:.78rem;list-style:none;display:grid}.su-steps li{border-top:4px solid #2a2a2e;padding-top:8px}.su-steps li.done,.su-steps li.cur{border-color:var(--accent)}.su-steps li.cur{color:#fafafa;font-weight:700}.su-form h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.4rem)}.su-sub{color:#a1a1aa;margin:0 0 26px}.su-form label{margin:18px 0 8px;font-weight:700;display:block}.su-form .opt{color:#a1a1aa;font-weight:400}.su-form input:not([type=checkbox]),.su-form select{color:#fafafa;width:100%;font:inherit;background:#18181b;border:1px solid #2a2a2e;border-radius:8px;padding:14px}.su-form input:focus-visible,.su-form select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.su-form small{color:#a1a1aa;margin-top:8px;font-size:.82rem;display:block}.su-form .su-agree{color:#d4d4d8;align-items:flex-start;gap:10px;margin-top:24px;font-size:.88rem;font-weight:400;display:flex}.su-agree a{color:var(--accent)}.su-actions{color:#a1a1aa;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;font-size:.9rem;display:flex}.su-actions a{color:var(--accent)}.su-back{color:#d4d4d8;font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 0}.su-note{text-align:center;color:#71717a;margin-top:28px;font-size:.82rem}@media (max-width:860px){.su{grid-template-columns:1fr}.su-badge{padding:24px}.su-card{display:none}.su-badge h2,.su-form h1{font-family:var(--sans,Inter, system-ui, sans-serif);font-weight:800}.su-badge h2{max-width:none;margin-bottom:14px}}.su-agree input{flex:none;width:auto;margin:3px 0 0}.su-pass{place-items:center;margin:auto;padding:28px 0;display:grid}.su-pass .eb{--eb-hole:#8f1d14}@media (max-width:860px){.su-pass{display:none}}
