:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10151e;color:#e7e9ed}body{margin:0;display:grid;min-height:100vh;place-items:center}main{max-width:400px;padding:32px;background:#1b2431;border:1px solid #40516a;border-radius:12px;margin:16px}h1{margin-top:0}p{line-height:1.5;color:#b9c5d5}label{display:block;margin:20px 0}input{box-sizing:border-box;display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #64758c;border-radius:6px;background:#10151e;color:inherit;font:inherit}button{padding:12px 20px;border:0;border-radius:6px;background:#e3b25e;color:#181710;font:inherit;cursor:pointer}button:disabled{opacity:.6}a{color:#e3b25e}#message{color:#ffb7a7;min-height:24px}

summary{cursor:pointer;color:#e3b25e;padding:8px 0}.message{color:#ffb7a7;min-height:24px}