:root{font-family:system-ui,sans-serif;color:#eaf2ff;background:#08111e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:470px;margin:8vh auto;padding:28px;background:#101c30;border:1px solid #263b5a;border-radius:18px}.brand{display:flex;align-items:center;gap:14px}.brand span{font-size:30px;color:#22d3ee}.brand small{display:block;color:#22d3ee;letter-spacing:.12em}.brand b{font-size:24px}h1{font-size:23px;margin-top:28px}p{color:#a8bbd4;line-height:1.6}label{display:block;margin:16px 0 6px}input{width:100%;padding:12px;background:#08111e;border:1px solid #314c75;border-radius:9px;font:inherit;color:#eaf2ff}button{width:100%;padding:12px;margin:22px 0 0;border:0;border-radius:9px;background:#2d5be3;color:white;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#79b4ff}#message.error{color:#ffb4a6}#message.success{color:#77e0ac}[hidden]{display:none!important}@media(max-width:500px){body{padding:14px}main{margin:4vh auto;padding:22px}}