@font-face{font-family:'Abel';src:url('/fonts/abel-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Roboto';src:url('/fonts/roboto-400.woff2') format('woff2');font-weight:300 400;font-display:swap}
:root{--rot:#C12742;--rot2:#e8365a;--ink:#0c0b0b;--paper:#faf9f7;--grau:#8a857e;--line:#2c2a27;color-scheme:dark}
*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;font-family:'Roboto',Helvetica,Arial,sans-serif;font-weight:300;color:var(--paper);
  background:radial-gradient(1200px 820px at 88% -14%,rgba(193,39,66,.40),rgba(193,39,66,.12) 46%,transparent 70%),radial-gradient(1100px 640px at -6% 108%,rgba(193,39,66,.11),transparent 62%),var(--ink)}
main{width:100%;max-width:400px;background:linear-gradient(160deg,#1c1919,#121010);border:1px solid var(--line);border-top:2px solid var(--rot);border-radius:14px;padding:32px 28px 24px}
.kick{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--rot2)}
h1{font-family:'Abel',sans-serif;font-weight:400;font-size:28px;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 26px}
h1 b{color:var(--rot2);font-weight:400}
label{display:block;font-family:'Abel',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--grau);margin:16px 0 6px}
input{width:100%;min-height:46px;padding:10px 14px;font:inherit;font-size:16px;color:var(--paper);background:#0c0b0b;border:1px solid #3a3633;border-radius:10px}
input:focus{outline:2px solid var(--rot2);outline-offset:1px;border-color:var(--rot2)}
.pw{position:relative}.pw input{padding-right:84px}
.pw button{position:absolute;right:6px;top:6px;min-height:34px;padding:0 12px;font-family:'Abel',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--grau);background:none;border:0;cursor:pointer}
.pw button:hover{color:var(--paper)}
#go{width:100%;min-height:48px;margin-top:24px;font-family:'Abel',sans-serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--rot);border:0;border-radius:999px;cursor:pointer}
#go:hover{background:var(--rot2)}#go:disabled{opacity:.5;cursor:wait}
#m{min-height:22px;margin-top:14px;font-size:14px;color:#ff8a9c}
.fuss{margin-top:18px;font-size:12px;color:var(--grau)}