:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10141f;color:#eef2ff}
*{box-sizing:border-box}body{margin:0;padding:36px 16px}main{max-width:460px;margin:7vh auto}
.card{padding:28px;background:#1a2131;border:1px solid #36405a;border-radius:18px}
h1{font-size:1.65rem;margin:0 0 12px}p{line-height:1.5;color:#c9d2e8}label{display:block;margin-top:18px}
input,button,.open{font:inherit;border-radius:8px;padding:12px;width:100%;margin-top:7px}
input{color:#fff;background:#10141f;border:1px solid #56637f}
button,.open{cursor:pointer;background:#a4bcff;color:#10141f;border:0;font-weight:650}
button.secondary{background:#303c56;color:#eef2ff;margin-top:15px}
button:disabled{opacity:.6;cursor:wait}a{color:#c6d5ff}.open{display:block;text-align:center;text-decoration:none}
#message{min-height:1.6em;color:#ffd1d1}nav{margin-top:22px}small{color:#b4c0d9}
:focus-visible{outline:3px solid #ffdc86;outline-offset:3px}[hidden]{display:none!important}