*{margin:0;padding:0;box-sizing:border-box}
:root{--canvas:#FAFAF9;--ink:#0B1220;--cobalt:#2563EB;--slate:#64748B;--line:#E2E6EA}
body{min-height:100vh;display:grid;place-items:center;background:var(--canvas);
  color:var(--ink);font-family:'Archivo',-apple-system,'Helvetica Neue',Arial,sans-serif}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/archivo-var-latin.woff2') format('woff2')}
.gate{text-align:center;padding:3rem;max-width:26rem;width:100%}
.seal{color:var(--ink);margin-bottom:1.4rem}
h1{font-size:1.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.line{color:var(--slate);margin:.6rem 0 2.2rem;font-size:.95rem}
form{display:flex;gap:.6rem;justify-content:center}
input{flex:1;padding:.8rem 1rem;border:1px solid var(--line);background:#fff;
  font-size:1rem;font-family:inherit;color:var(--ink);border-radius:6px;outline:none}
input:focus{border-color:var(--cobalt)}
button{padding:.8rem 1.5rem;background:var(--ink);color:var(--canvas);border:0;
  font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:6px;font-weight:600}
button:hover{background:#1E293B}
.err{display:none;color:#DC2626;margin-top:1rem;font-size:.9rem}