:root{font-family:Arial,sans-serif;color:#e9eff4;background:#141c24;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:460px;background:#212d38;border:1px solid #415464;border-radius:12px;padding:32px}h1{font-size:26px}.brand{font-weight:bold;letter-spacing:3px;color:#9dd4ed}p{line-height:1.5}label{display:block;margin:20px 0 8px}input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #718496;border-radius:6px;font:inherit}button{margin-top:22px;width:100%;padding:13px;background:#9dd4ed;color:#142b39;border:0;border-radius:6px;font:inherit;font-weight:bold;cursor:pointer}button:disabled{opacity:.6}#message{color:#ffb9b9}#help{font-size:14px;color:#c2cdd6}[hidden]{display:none!important}
@media(max-width:450px){body{padding:16px}main{padding:24px}h1{font-size:24px}input,button{font-size:16px;min-height:44px}}