:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#111b29;color:#edf2f7}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px}main{width:min(100%,420px);padding:30px;background:#1c2a3c;border:1px solid #394c66;border-radius:18px}.logo{font-weight:800;color:#a9d4ff}h1{font-size:1.6rem;margin:12px 0}p{color:#c3cfdf}form{display:grid;gap:8px}input,button{width:100%;padding:12px;font:inherit;border-radius:8px;border:1px solid #60748d}input{background:#122033;color:#fff}button{margin-top:14px;background:#b4d7fc;color:#122033;cursor:pointer;font-weight:700}button:disabled{opacity:.6}.note{font-size:.85rem}#message{min-height:1.6em}input:focus-visible,button:focus-visible{outline:3px solid #d3e7ff;outline-offset:2px}