:root{color-scheme:dark;--bg:#111519;--panel:#181c20;--ink:#f5f0e7;--muted:#a9aaa7;--gold:#e6b86a;--line:#353735}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-weight:900;letter-spacing:1px;font-size:21px;line-height:1.1}.brand span{color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:7px;color:var(--muted)}.back{font-size:13px;color:var(--muted)}.back span{color:var(--gold);padding-left:12px}main{display:grid;grid-template-columns:1.08fr 1fr;min-height:calc(100vh - 151px)}.story{position:relative;background:linear-gradient(180deg,rgba(12,16,17,.45),rgba(12,16,17,.85)),url('assets/station-concept.png') center/cover;display:flex;align-items:center;padding:55px 12%}.story-content{position:relative;width:100%}.logo{width:220px;max-width:60%;display:block;margin-bottom:35px;border-radius:8px}.eyebrow{color:var(--gold);font-size:10px;font-weight:750;letter-spacing:2px;margin:0 0 18px}h1{font-size:clamp(40px,4.6vw,70px);line-height:1.08;letter-spacing:-2px;margin:0 0 24px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.intro{color:#d4d1ca;font-size:17px}.story-footer{display:flex;gap:16px;margin-top:55px;font-size:10px;letter-spacing:2px;font-weight:700}.story-footer i{color:var(--gold);font-style:normal}.panel{padding:55px 9%;display:flex;align-items:center;justify-content:center}.card{max-width:420px;width:100%}h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 12px}.muted{color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);margin:30px 0 26px}.tabs button{width:50%;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:12px}.tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold)}button,input{font:inherit}button{cursor:pointer;border-radius:6px}button:disabled{opacity:.55;cursor:wait}label{display:block;font-size:12px;font-weight:650;margin:17px 0}input{display:block;width:100%;margin-top:7px;border:1px solid #414442;background:#101416;border-radius:6px;color:var(--ink);padding:12px 13px;outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e6b86a20}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.password-field{position:relative}.password-field input{padding-right:65px}.reveal{position:absolute;right:8px;top:8px;background:none;border:none;color:var(--muted);font-size:11px;padding:8px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:var(--gold);color:#211d15;font-weight:750;padding:13px 17px;margin-top:23px}.primary:hover{background:#f0c780}.secondary{width:100%;padding:11px;border:1px solid var(--line);background:transparent;color:var(--ink);margin-top:15px}.account-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.small{font-size:11px}.notice{padding:12px;background:#e6b86a12;border:1px solid #e6b86a55;border-radius:5px;font-size:13px}.notice.error{background:#cb655818;border-color:#cb655870;color:#ffd0c7}.profile{display:flex;align-items:center;gap:15px;margin:28px 0}.avatar{background:#e6b86a15;border:1px solid #e6b86a55;border-radius:12px;font:700 25px Georgia;padding:12px;color:var(--gold)}h3{margin:0;font-size:22px}.profile p{margin:3px 0;font-size:12px;overflow-wrap:anywhere}dl{margin:0}dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}dd{margin:0;text-transform:capitalize}footer{display:flex;justify-content:space-between;padding:20px 5%;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1px}[hidden]{display:none!important}@media(max-width:760px){header{height:75px;padding:0 6%}.brand{font-size:16px}.back{font-size:11px}main{display:block}.story{padding:35px 7%;min-height:340px}.logo{width:130px;margin-bottom:20px}.story .eyebrow{font-size:9px}h1{font-size:43px}.intro{font-size:14px}.story-footer{margin-top:25px;gap:12px}.panel{padding:38px 7% 45px}footer{gap:15px;font-size:9px}}
a.secondary{display:block}
