:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10141a;color:#edf2f7}
*{box-sizing:border-box}
body{margin:0;padding:24px 16px}
main{width:min(100%,480px);margin:24px auto;padding:24px;background:#191f27;border:1px solid #343e4b;border-radius:12px}
h1{font-size:1.6rem;margin:16px 0}
.brand,.hint,small{color:#acb9ca}
form{display:grid;gap:16px}
label{display:grid;gap:6px;font-weight:600}
label small{font-weight:400}
input,button{min-height:48px;border-radius:8px;font:inherit;padding:10px 12px}
input{width:100%;border:1px solid #556375;background:#10141a;color:inherit}
button{border:1px solid #2a70c6;background:#2474cd;color:white;font-weight:650;cursor:pointer}
button:disabled{opacity:.6}
button.secondary{border-color:#556375;background:transparent}
a{color:#93c5fd}
#message:empty{display:none}
#message{color:#ffcd9f}