:root{color-scheme:light dark;--bg:#fbfbfa;--card:#fff;--t:#1a1a19;--m:#6b6b67;--f:#9b9b96;--bd:#d9d9d4;--a:#c2410c;--ah:rgba(194,65,12,.1);--ko:#b91c1c;--ink:#1a1a19;--onink:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#121212;--card:#1c1c1b;--t:#ecece9;--m:#a3a39e;--f:#75756f;--bd:#34342f;--a:#fb923c;--ah:rgba(251,146,60,.14);--ko:#f87171;--ink:#ecece9;--onink:#121212}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;font:15px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:var(--t);background:var(--bg)}
form{width:min(340px,88vw);animation:in .3s ease-out both}@keyframes in{from{opacity:0;transform:translateY(6px)}}
.logo{font-size:30px;line-height:1;margin-bottom:18px}
h1{margin:0;font-size:22px;letter-spacing:-.02em;font-weight:650}p{margin:4px 0 28px;color:var(--m)}
label{display:block;font-size:13px;font-weight:500;color:var(--m);margin:0 0 6px}
input{width:100%;background:var(--card);color:var(--t);border:1px solid var(--bd);border-radius:10px;padding:11px 13px;font:inherit;font-size:16px;outline:none;margin-bottom:16px;transition:border-color .15s,box-shadow .15s}
input:focus{border-color:var(--a);box-shadow:0 0 0 3px var(--ah)}
button{width:100%;border:0;border-radius:10px;padding:13px;font:500 15px inherit;font-family:inherit;color:var(--onink);background:var(--ink);cursor:pointer;transition:opacity .15s;margin-top:4px}
button:hover{opacity:.86}button:disabled{opacity:.5}
#e{min-height:22px;margin-top:14px;color:var(--ko);font-size:14px}
@media(prefers-reduced-motion:reduce){form{animation:none}}
.brand{font-family:Georgia,serif;font-weight:400;font-size:34px}.brand span{color:#c2410c}