/*! © 2026 Cyber Affinity LLC. All rights reserved. */
.gate { min-height: calc(100vh - 65px); display: flex; align-items: flex-start; justify-content: center; padding: 72px 16px; }
.gate-card { width: min(520px, 100%); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 30px 30px 24px; display: flex; flex-direction: column; gap: 12px; }
.gate-card h1 { margin: 0; font-size: 30px; letter-spacing: -0.02em; }
.gate-tag { margin: 0; align-self: flex-start; font-size: 12px; font-weight: 700; color: #1f1800; background: #fcd34d; border-radius: 999px; padding: 2px 10px; }
.gate-lede { margin: 0; color: var(--muted); }
.gate-form { display: flex; flex-direction: column; gap: 8px; margin-top: 6px; }
.gate-row { display: flex; gap: 8px; }
.gate-row input { flex: 1; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: 0.06em; text-transform: uppercase; }
.gate-row .btn { flex-shrink: 0; }
.gate-msg { margin: 0; min-height: 1.4em; color: #fca5a5; font-weight: 600; font-size: 14px; }
.gate-small { margin: 0; font-size: 13px; color: var(--muted); }
.gate-data { margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.gate-data p { margin: 0; }
.gate-data .btn { align-self: flex-start; }
@media (max-width: 480px) { .gate { padding-top: 32px; } .gate-card { padding: 22px 18px; } .gate-row { flex-direction: column; } }