:root{color-scheme:dark;--bg:var(--spm-bg);--surface:var(--spm-panel);--line:var(--spm-line);--text:var(--spm-text);--muted:var(--spm-muted);--blue:var(--spm-accent);--danger:#ee8290}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:var(--bg);color:var(--text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 8%,var(--spm-raised) 0,transparent 35%),var(--bg)}
.auth-card{width:min(100%,460px);padding:34px;border:1px solid var(--spm-line);border-radius:17px;background:linear-gradient(155deg,var(--spm-raised),var(--spm-panel) 72%);box-shadow:0 28px 90px #0008}
.auth-card .brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:20px;font-weight:750;letter-spacing:-.4px;text-decoration:none}
.auth-card .brand span{color:var(--spm-accent)}
.eyebrow{margin:27px 0 7px;color:var(--spm-accent);font-size:10px;font-weight:700;letter-spacing:1.35px}
.auth-card h1{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.8px}
.muted{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.auth-card form{display:grid;gap:15px;margin-top:26px}
.auth-card label{display:grid;gap:7px;color:var(--spm-text);font-size:12px;font-weight:600}
.auth-card input{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--spm-line);border-radius:8px;background:var(--spm-bg);color:var(--text);font:inherit;font-size:14px}
.auth-card input:focus{outline:3px solid rgb(8 21 24 / 0.267);border-color:var(--spm-accent)}
.auth-card .primary-button{min-height:46px;margin-top:2px;border:1px solid var(--spm-accent);border-radius:8px;background:linear-gradient(135deg,var(--spm-accent),var(--spm-accent));color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgb(8 21 24 / 0.2)}
.auth-card .primary-button:hover{filter:brightness(1.08)}
.form-message{min-height:18px;margin:0;color:var(--danger);font-size:12px}
.auth-note{margin:19px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--spm-muted);font-size:11px;line-height:1.55}
@media(max-width:520px){.auth-page{padding:16px}.auth-card{padding:27px 22px}.auth-card h1{font-size:25px}}