:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111722;color:#e5eaf3}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(380px,calc(100vw - 64px));padding:28px;background:#1b2433;border-radius:16px;border:1px solid #35435c}h1{font-size:24px}p{line-height:1.7;color:#b8c4d8;overflow-wrap:anywhere}label{display:block;margin:20px 0}input{box-sizing:border-box;width:100%;padding:12px;margin-top:8px;border:1px solid #526584;border-radius:8px;background:#111722;color:inherit}button{padding:12px 20px;border:0;border-radius:8px;background:#719eff;color:#101827;cursor:pointer}button:disabled{opacity:.5}a{display:block;margin-top:20px;color:#93b6ff}#error{color:#ffb7b7}[hidden]{display:none}