*{box-sizing:border-box}body{margin:0;background:#0c1015;color:#eff2f6;font:16px Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:22px}main{width:100%;max-width:460px;padding:35px;border:1px solid #29333d;border-radius:16px;background:#12191f}h1{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:25px 0 12px}p{color:#a4b0be;line-height:1.6;font-size:15px}form{margin:28px 0}label{font-size:14px}input{width:100%;margin-top:10px;border:1px solid #36434f;background:#0c1117;border-radius:7px;color:white;padding:14px;font-size:16px}input:focus{outline:2px solid #bef36b}button{width:100%;padding:14px;background:#bef36b;color:#11170b;border:0;border-radius:7px;cursor:pointer;font-weight:600;font-size:15px}button:disabled{opacity:.6;cursor:wait}#error{color:#ffb3b8;min-height:24px;font-size:14px}small{font-size:12px;color:#97a6b6}