:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:#dddfe4;background:#121418}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:350px;padding:30px;border:1px solid #2a2d34;border-radius:12px;background:#191c21}h1{font-size:22px;font-weight:550;margin:0 0 10px}p{font-size:13px;color:#9299a5;line-height:1.5;margin-bottom:25px}label{display:block;font-size:13px;color:#b1b7c1;margin:18px 0}input,button{font:inherit;width:100%;padding:11px 12px;border-radius:6px;border:1px solid #363b44}input{margin-top:7px;background:#111419;color:#eceef2}button{margin-top:8px;background:#343b46;color:#f2f3f5;cursor:pointer}button:hover{background:#404958}input:focus,button:focus-visible{outline:2px solid #8797ae;outline-offset:2px}.error{color:#e7a4aa;margin:12px 0}