:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f5f0f3;background:#0c0b0e}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(ellipse at 50% 0,rgba(222,34,94,.13),transparent 65%)}
.login-card{width:100%;max-width:450px;padding:38px;background:#161318;border:1px solid #33212c;border-radius:22px;box-shadow:0 24px 80px #0005}.brand{font-family:Georgia,serif;font-size:29px;font-weight:700;margin-bottom:38px}.brand span{color:#ff4081}.eyebrow{font-size:10px!important;text-transform:uppercase;letter-spacing:2px;color:#ff669a!important}h1{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.1;margin:14px 0}p{font-size:14px;line-height:1.6;color:#bcaeba}form{margin-top:27px}label{display:block;font-size:13px;margin:18px 0}input{display:block;width:100%;padding:14px;margin-top:9px;border:1px solid #45313f;border-radius:10px;color:inherit;background:#0f0d11;font:inherit;font-size:16px}input:focus-visible,button:focus-visible{outline:2px solid #ff669a;outline-offset:3px}button{cursor:pointer;width:100%;border:0;border-radius:10px;padding:15px;background:#ed2468;color:white;font:inherit;font-size:14px;font-weight:700}button:disabled{opacity:.65;cursor:wait}.quiet{background:transparent;color:#d4b6c8;font-weight:400;margin-top:12px}.help{font-size:12px;margin:26px 0 0;text-align:center}#login-error{color:#ffb6a8}#login-status{color:#a7dbbe}#login-error:empty,#login-status:empty{display:none}[hidden]{display:none!important}@media(max-width:480px){.login-card{padding:28px 23px}.brand{margin-bottom:30px}h1{font-size:36px}}