:root{color-scheme:dark;--ink:#eeefef;--muted:#a7a9ad;--accent:#8e2e32;--accent-hover:#702126;--line:#3c3e43;--focus:#d5888d;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#111214;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:40px 24px}
::selection{background:#eed6d7;color:var(--ink)}
.access{width:100%;max-width:360px;padding:8px 0 32px}
.logo{display:block;width:180px;height:auto;margin:0 auto 32px;object-fit:contain}
h1{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-.025em;text-align:center;text-wrap:balance}
.intro{margin:0 0 32px;color:var(--muted);font-size:15px;line-height:1.6;text-align:center}
label{display:block;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:8px}
input{width:100%;height:48px;padding:10px 13px;border:1px solid var(--line);border-radius:6px;background:#202125;color:var(--ink);font:inherit;caret-color:var(--accent);transition:border-color .15s ease}
input:hover{border-color:#86817c}
input:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:23px;margin-bottom:6px}
.password-label label{margin:0}
button{font:inherit;cursor:pointer;touch-action:manipulation}
.text-button{border:0;background:transparent;color:#d5888d;padding:7px 2px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:transparent;min-height:36px}
.text-button:hover{text-decoration-color:currentColor}
.primary{width:100%;min-height:48px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;padding:12px 20px;transition:background .15s ease}
.primary:hover{background:var(--accent-hover)}
.primary:disabled{cursor:wait;background:#77716e}
.status{margin:14px 0;min-height:20px;color:#e3979c;font-size:14px;line-height:1.5}
.status:empty{margin-top:9px;margin-bottom:9px}
.retry{display:block;margin:8px auto 0}
[hidden]{display:none!important}
.welcome{text-align:center}
.welcome .primary{margin-top:36px}
@media(max-width:480px){body{padding:28px 24px}.logo{width:156px;margin-bottom:28px}.access{max-width:340px}h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.logo{border-radius:6px;background:white;padding:8px;width:132px}h1{font-family:inherit;font-weight:600}
.field-help{font-size:12px;color:var(--muted);margin:8px 0 20px;line-height:1.5}#confirmation-field{margin-top:22px}.auth-switch{font-size:14px;text-align:center;margin:24px 0 0}.auth-switch a{color:#d5888d;text-underline-offset:4px}a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
