:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#efe9d8;background:#121b18}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 85% 0,#38503c70,transparent 65%)}.access-card{width:min(100%,520px);padding:46px;border:1px solid #52634b;border-radius:16px;background:#1b2822;box-shadow:0 24px 100px #0004}.brand{color:#dfc68e;font-size:12px;letter-spacing:3px;text-decoration:none}.kicker{font-size:10px;letter-spacing:2px;margin-top:48px;color:#aabc9d}h1{font:42px/1.12 Georgia,serif;font-weight:400;margin:16px 0 24px}p{font-size:14px;line-height:1.7;color:#b9c6b7}form{display:grid;gap:12px;margin-top:28px}label{font-size:12px}input,button{font:inherit;border-radius:6px;padding:14px;border:1px solid #697963;width:100%}input{background:#111c17;color:#fff}button{background:#ddc48d;color:#233021;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #adca91;outline-offset:3px}.hint{font-size:12px;margin-top:24px}#access-error{color:#ffd2b8;margin:0}[hidden]{display:none!important}@media(max-width:520px){.access-card{padding:28px}h1{font-size:35px}}