.access-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;color:#f1ece3;background:radial-gradient(circle at 72% 28%,#5a2926 0,transparent 30%),repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 5px),#20201d}.access-gate[hidden]{display:none}.access-card{width:min(620px,100%);padding:clamp(32px,7vw,72px);border:1px solid #ffffff36;background:#24231ff2;box-shadow:0 30px 90px #0009}.access-kicker{margin:0 0 20px;color:#e4675b;font-size:.7rem;font-weight:700;letter-spacing:.22em}.access-card h1{margin:0 0 22px;font:700 clamp(2rem,5vw,3.7rem)/1.35 var(--serif)}.access-card>p:not(.access-kicker):not(.access-error){color:#c8c1b6;line-height:1.8}.access-card label{display:block;margin:34px 0 10px;font-size:.75rem;letter-spacing:.08em;color:#aaa49a}.access-input-row{display:grid;grid-template-columns:1fr auto}.access-input-row input{min-width:0;border:1px solid #ffffff4a;border-right:0;background:#151512;color:#fff;padding:14px 16px;font-size:1.1rem;outline:none}.access-input-row input:focus{border-color:#d1574c}.access-input-row button{border:0;background:var(--red);color:#fff;padding:14px 22px;font-weight:600;cursor:pointer}.access-error{min-height:1.5em;margin:12px 0 0;color:#ef796f;font-size:.82rem}.access-locked{overflow:hidden}.access-locked>header,.access-locked>main,.access-locked>footer,.access-locked>dialog{visibility:hidden}@media(max-width:520px){.access-input-row{grid-template-columns:1fr}.access-input-row input{border-right:1px solid #ffffff4a}.access-input-row button{margin-top:10px}}