:root{color-scheme:dark;font-family:system-ui;background:#111214;color:#e9e9e9}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:440px;background:#18191c;border:1px solid #363d30;border-radius:14px;padding:36px}.brand{font-size:11px;letter-spacing:2px;color:#c9f788}h1{font-size:36px;font-weight:500;line-height:1.2}p{color:#a5aaa2;line-height:1.6}label{display:block;font-size:13px;margin:20px 0 8px}input,button{width:100%;font:inherit;padding:13px;border-radius:6px;border:1px solid #41483a}input{background:#202225;color:#fff}button{margin-top:24px;background:#c9f788;color:#1f2718;font-weight:700;cursor:pointer}button:disabled{opacity:.5}input:focus-visible,button:focus-visible{outline:2px solid #c9f788;outline-offset:3px}#error{color:#ffb6aa;font-size:13px}