@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Marcellus&display=swap');
:root{color-scheme:dark;--bg:#0c111a;--panel:#151d2a;--gold:#dfc28b;--text:#f1ece1;--muted:#acb7c4;--border:#354354}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 40%,#23344b66,transparent 46%),var(--bg);color:var(--text);font:14px/1.6 'DM Sans',system-ui,sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,450px);gap:clamp(40px,6vw,100px);align-items:center;width:min(1100px,calc(100% - 48px));min-height:100vh;margin:auto;padding:54px 0}.intro{max-width:480px}.crest{display:grid;place-items:center;font-size:34px;color:var(--gold);border:1px solid #caa76c;width:74px;height:74px;transform:rotate(45deg);margin:0 0 58px}.crest::first-letter{transform:rotate(-45deg)}.eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase}.intro h1{font:normal clamp(58px,7vw,100px)/1.1 'Marcellus',Georgia,serif;margin:12px 0 18px;letter-spacing:-2px}.intro>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:390px}.intro-line{width:100px;border-top:1px solid #9e8559;margin-top:48px}.intro>p.intro-note{font-size:13px;color:#8998a6;margin-top:24px}.auth-card{background:linear-gradient(150deg,#1c2939,#121a27);border:1px solid var(--border);border-radius:18px;box-shadow:0 22px 80px #0008;padding:36px}.auth-card h2{font:normal 32px 'Marcellus',Georgia,serif;margin:9px 0 26px}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);gap:12px;margin-bottom:22px}.tabs button{padding:10px 2px 14px;background:none;color:#98a5b3;border:0;border-bottom:2px solid transparent;font-size:13px;font-weight:700}.tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}.warning{background:#d9ad4b11;border:1px solid #d4a86e66;border-radius:10px;padding:14px 16px;margin:0 0 24px}.warning>strong{color:#f0c783;font-size:12px}.warning p{font-size:12px;color:#e6d5b9;line-height:1.65;margin:6px 0 0}.warning p strong{color:#fce2b9}.auth-card form>label:not(.checkline),#register-fields>label:not(.checkline){display:block;font-size:11px;font-weight:700;margin:14px 0 7px;color:#ccd4dd}.auth-card input:not([type=checkbox]){display:block;width:100%;background:#0c1521;border:1px solid var(--border);border-radius:7px;color:var(--text);padding:12px 14px;min-width:0}.auth-card input:focus{border-color:var(--gold)}.auth-card input::placeholder{color:#7f8e9f}.checkline{display:flex;align-items:start;gap:10px;margin-top:19px;font-size:12px;color:#e4d6ba;line-height:1.5;cursor:pointer}.checkline input{margin-top:3px;accent-color:#ceb47f;flex-shrink:0}.message{color:#f1a5a5;font-size:12px;min-height:20px;margin:15px 0}.primary{display:block;width:100%;border:0;border-radius:8px;background:var(--gold);color:#131c28;font-weight:800;padding:13px 20px;transition:filter .2s}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.6;cursor:wait}.auth-help{font-size:11px;color:#91a0af;text-align:center;margin:18px 0 0}@media(max-width:800px){.auth-layout{display:block;width:min(500px,calc(100% - 32px));padding:35px 0}.intro{text-align:center;margin:0 auto 28px}.crest{width:44px;height:44px;font-size:22px;margin:0 auto 18px}.intro h1{font-size:50px;margin:6px 0}.intro>p:not(.eyebrow){font-size:13px;margin:0 auto}.intro-line,.intro-note{display:none!important}.auth-card{padding:26px 22px}.auth-card h2{font-size:27px}}

/* Recovery tab and credentials */
.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tabs button{font-size:12px}
#normal-password-field>label,#recovery-fields>label{display:block;font-size:11px;font-weight:700;margin:14px 0 7px;color:#ccd4dd}
.recovery-explainer{font-size:12px;line-height:1.6;color:#c5d0db;margin:0 0 12px}
@media(max-width:450px){.tabs button{font-size:11px}}