:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#08090c;color:#eee9dc}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#242014 0,transparent 65%),#08090c}
main{width:min(100%,470px);padding:36px;border:1px solid #766032;border-radius:14px;background:#0d0f14;box-shadow:0 18px 80px #0008}
.mark{width:72px;height:72px;border:1px solid #d7b25f;border-radius:8px;display:block;object-fit:cover;margin-bottom:24px;box-shadow:0 0 22px #d7b25f22}.brand{font-size:23px;letter-spacing:4px;color:#e9c573;margin-bottom:5px}.eyebrow{font-size:10px;letter-spacing:3px;color:#a3977b;margin-top:0}
h1{font-size:24px;margin-top:30px}p{line-height:1.6}#info{color:#c9c3b7}label{display:block;font-size:13px;margin:22px 0 9px}input{width:100%;padding:14px;background:#08090c;color:#fff;border:1px solid #6c6047;border-radius:6px;font-size:17px}input:focus{outline:2px solid #e9c573;outline-offset:2px}button{width:100%;margin-top:17px;padding:14px;border:0;border-radius:6px;background:#dbb559;color:#151109;letter-spacing:2px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#error{color:#ff9c9c}.note{font-size:12px;color:#a6a195;border-top:1px solid #393329;padding-top:18px;margin-top:25px}a{color:#e9c573;font-size:13px}[hidden]{display:none!important}