/* ---------- Sign-in gate ---------- */
.gate { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.gate-card { background: var(--surface); border: 1px solid var(--rule); border-radius: 14px; padding: 28px; width: min(380px, 100%); box-shadow: var(--shadow-lg); text-align: center; }
.gate-card h1 { font-size: 20px; margin: 0 0 6px; letter-spacing: -0.01em; }
.gate-card p { color: var(--muted); margin: 0 0 20px; }
.gate-card .btn { width: 100%; justify-content: center; }