body{font:16px system-ui;background:#101315;color:#ecf0ed;margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;box-sizing:border-box}main{width:100%;max-width:390px}h1{font-size:38px;color:#a9e4ce;letter-spacing:2px}p{color:#a6b6ad;line-height:1.7}form{padding:24px;background:#19211e;border:1px solid #394d42;border-radius:14px}label{display:block;margin:14px 0 8px;font-size:13px}input,button{box-sizing:border-box;width:100%;padding:13px;font:16px system-ui;border-radius:7px;border:1px solid #506b5b}input{color:#edf7f0;background:#101a15}button{cursor:pointer;margin-top:24px;background:#a9e4ce;color:#163328;font-weight:600}button:disabled{opacity:.5}#error{color:#ffc2b6;font-size:13px}[hidden]{display:none}