@font-face{font-family:'Red Hat Text';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/redhat-text-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Red Hat Text';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/redhat-text-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Red Hat Display';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/redhat-display-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Red Hat Display';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/redhat-display-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Red Hat Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/redhat-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Red Hat Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/redhat-mono-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bg:#12161E;--fg:#E8EAED;--mut:#A0A8B6;--card:#1A202B;--field:#12161E;--ac:#F2B33D;--ac-ink:#1A1406;--bd:#2C3544;--err:#F0706A;--ok:#4CC38A;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
button,input{font-family:inherit}
body{margin:0;min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;padding:24px 16px;background:var(--bg);color:var(--fg);font:16px/1.45 'Red Hat Text',system-ui,-apple-system,"Segoe UI",sans-serif}
.brandtop{font-size:30px;color:var(--fg)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sclogo{display:inline-flex;align-items:center;font-family:'Red Hat Display','Red Hat Text',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}
.sclogo .sc-pw{width:.86em;height:.86em;margin:0 .02em;color:var(--ac);flex:none}
main{width:min(420px,100%);background:var(--card);border:1px solid #2A3241;border-radius:12px;padding:28px 26px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
h1{margin:0;font-size:22px}
.sub{margin:4px 0 18px;color:var(--mut)}
.tabs{display:flex;gap:6px;margin-bottom:16px}
.tabs button{flex:1;padding:9px;min-height:44px;border:1px solid var(--bd);background:transparent;color:inherit;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--ac);border-color:var(--ac);color:var(--ac-ink)}
form{display:grid;gap:12px}
label{display:grid;gap:4px;font-size:14px;font-weight:600}
input{padding:10px 11px;min-height:44px;border:1px solid var(--bd);border-radius:8px;background:var(--field);color:inherit;font-size:16px}
input:focus{outline:2px solid var(--ac);outline-offset:1px}
.go{padding:11px;min-height:44px;border:0;border-radius:8px;background:var(--ac);color:var(--ac-ink);font-size:15px;font-weight:700;cursor:pointer}
.go:hover{filter:brightness(1.08)}
.go:disabled{opacity:.6}
.hint{margin:0;font-size:13px;color:var(--mut)}label .hint{font-weight:400}
.hint a{color:var(--ac)}
#msg{min-height:1.4em;margin:12px 0 0;color:var(--err);font-weight:600;font-size:14px}
.lnk{background:none;border:0;color:var(--mut);text-decoration:underline;font-size:14px;cursor:pointer;justify-self:start;padding:0}
.lnk:hover{color:var(--fg)}
#msg.ok{color:var(--ok)}
.plans{display:grid;gap:8px}
.plan{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--bd);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:400}
.plan:has(input:checked){border-color:var(--ac);outline:2px solid var(--ac);background:#2A2416}
.plan input{margin-top:4px;width:auto;min-height:0;accent-color:var(--ac)}
.plan small{color:var(--mut)}
.plan em{font-style:normal;background:var(--ac);color:var(--ac-ink);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;margin-left:4px}