:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:32px 20px;background:#0d1b2c;color:#f6f2e8;font:16px/1.55 system-ui,sans-serif}main{max-width:440px;margin:5vh auto;padding:32px;border:1px solid #526072;border-radius:20px;background:#13263c}.brand{font-size:12px;letter-spacing:.2em;color:#dfc99b}h1{font-size:32px;line-height:1.15}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;margin-top:6px;background:#0d1b2c;color:inherit;border:1px solid #8090a2;border-radius:8px;font:inherit}button{width:100%;padding:13px;border:0;border-radius:8px;background:#dfc99b;color:#172336;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.55}.note{font-size:13px;color:#bac5d2}#status{min-height:1.5em;color:#f5d1a7}input:focus,button:focus{outline:3px solid #88b9df;outline-offset:2px}