:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;color:#f2f0ee;background:#000}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 75% 25%,#241629,transparent 47%)}
main{width:min(100%,450px);padding:clamp(22px,5vw,40px);background:#111;border:1px solid #36333b;border-radius:22px}
.mark{font-size:24px;font-weight:650;letter-spacing:-.06em}h1{font-size:clamp(30px,6vw,43px);font-weight:530;line-height:1.06;letter-spacing:-.055em;margin:14px 0}p{color:#b8b2c0}
form{display:grid;gap:10px;margin:21px 0 16px}label{font-size:14px;color:#e8e2ee}
input,button{font:inherit;padding:10px 14px;border-radius:999px}input{min-width:0;border:1px solid #65606b;background:#151318;color:#f2f0ee}
button{border:0;background:#f2f0ee;color:#19171a;font-weight:650;cursor:pointer}a,.message{color:#d5c5fa}:focus-visible{outline:3px solid #d5c5fa;outline-offset:3px}