*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f3f5f8;color:#182235;font:16px/1.5 system-ui,sans-serif}main{width:100%;max-width:420px;padding:32px;border:1px solid #d8e0ec;border-radius:20px;background:#fff;box-shadow:0 12px 48px #172c4810}h1{font-size:24px;line-height:1.3;margin:0 0 28px}label{display:block;margin-bottom:8px}input,button{width:100%;font:inherit;border-radius:10px;padding:12px}input{background:transparent;color:inherit;border:1px solid #8995a7}button{margin-top:20px;border:0;background:#245de1;color:white;font-weight:600;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #6a9aff;outline-offset:3px}.error{color:#ae2525}footer{color:#69768a;font-size:13px;margin-top:24px}@media(prefers-color-scheme:dark){body{background:#111621;color:#e9edf5}main{background:#1b2230;border-color:#354052}.error{color:#ff9d9d}footer{color:#a3aec1}}