:root{color-scheme:dark}*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(900px 500px at 50% -10%,#2a0d12 0,#0e0e11 60%);color:#ececf1;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.box{width:min(92vw,360px);text-align:center;padding:28px 22px}
.box img{width:84px;height:84px;border-radius:20px;margin-bottom:14px}
h1{font-size:1.25rem;margin:0 0 4px;letter-spacing:.02em}p{color:#9a9aa6;margin:0 0 22px;font-size:.9rem}
input{width:100%;padding:14px;border-radius:12px;border:1px solid #2c2c35;background:#17171c;color:#fff;font-size:1rem;margin-bottom:12px}
input:focus{outline:2px solid #d62838;border-color:transparent}
button{width:100%;padding:14px;border:0;border-radius:12px;background:#d62838;color:#fff;font-size:1rem;font-weight:600}
button:disabled{opacity:.6}#err{color:#ff6b78;min-height:1.3em;margin-top:12px;font-size:.9rem}