/* Preview password page - delete at launch with functions/_middleware.js */
@font-face{font-family:"Lexend Exa";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/lexend-exa-latin.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/archivo-latin.woff2") format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000}
body{font-family:"Archivo",system-ui,sans-serif;color:#b3ac9f;font-size:1.0625rem;line-height:1.6}
.gate{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:48px 24px;overflow:hidden}
.gate__slash{position:absolute;inset:0;background:#ff0000;clip-path:polygon(84% 0,88% 0,70% 100%,66% 100%);pointer-events:none}
.gate__box{position:relative;width:100%;max-width:440px;display:flex;flex-direction:column;gap:20px;padding:clamp(28px,5vw,48px);background:#0e0e0e;border-top:2px solid #d3b16a}
.gate__box img{width:220px;height:auto;margin-bottom:8px}
h1{margin:0;font-family:"Lexend Exa",system-ui,sans-serif;font-weight:300;font-size:1.875rem;line-height:1.15;letter-spacing:-.02em;color:#f4efe6}
p{margin:0}
form{display:flex;flex-direction:column;gap:10px;margin-top:4px}
label{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a8a194}
input[type="password"]{width:100%;min-height:52px;padding:0 16px;background:#0b0b0b;border:1px solid #3a352c;border-radius:2px;color:#f4efe6;font:inherit}
input[aria-invalid="true"]{border-color:#ff6b6b}
button{min-height:56px;margin-top:10px;border:0;background:#d3b16a;color:#000;font:inherit;font-size:.9375rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
button:hover{background:#e8cf97}
:focus-visible{outline:2px solid #d3b16a;outline-offset:3px}
.gate__error{font-size:.9375rem;color:#ff8a8a}
@media (max-width:600px){.gate__slash{clip-path:polygon(96% 0,100% 0,88% 100%,84% 100%)}}