.gate-page{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);place-items:center;padding:24px;display:grid}.gate-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg,12px);width:100%;max-width:380px;box-shadow:var(--shadow-sheet);padding:40px 36px 34px}.gate-wordmark{font-family:var(--font-sans);letter-spacing:-.03em;font-size:22px;font-weight:600}.gate-wordmark:after{content:".";color:var(--accent)}.gate-rule{border:none;border-top:1px solid var(--line-faint);margin:18px 0}.gate-lede{font-family:var(--font-serif);color:var(--ink-2);margin:0 0 4px;font-size:17px;line-height:1.5}.gate-hint{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 22px;font-size:11px}.gate-form{gap:12px;display:grid}.gate-input{font-family:var(--font-sans);color:var(--ink);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--r-sm,6px);outline:none;width:100%;padding:11px 13px;font-size:15px}.gate-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.gate-btn{font-family:var(--font-sans);letter-spacing:-.01em;border-radius:var(--r-sm,6px);cursor:pointer;background:var(--ink);color:var(--surface);border:1px solid #0000;padding:12px 18px;font-size:15px;font-weight:500;transition:background .15s}.gate-btn:hover{background:#322d4a}.gate-error{color:var(--red);background:var(--red-tint);border:1px solid color-mix(in srgb, var(--red) 30%, transparent);border-radius:var(--r-sm,6px);margin:0;padding:9px 12px;font-size:13.5px}