/* Sign-up gate card (js/content-gate.js). Uses home.css tokens when present. */
.gate__card {
    position: relative;
    max-width: 680px;
    margin: 0 auto;
    padding: 40px 32px;
    text-align: center;
    background: var(--surface, #fff);
    border: 1px solid var(--line, rgba(20, 22, 26, .11));
    border-radius: var(--radius, 20px);
}

.gate__card h2 {
    margin: 10px 0 12px;
}

.gate__card .section-note {
    margin: 0 auto;
}

.gate__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin: 24px 0 0;
}

.gate__status {
    min-height: 1.4em;
    margin: 14px 0 0;
    font-size: .9rem;
    color: var(--ink-3, #6b727d);
}

/* Fallback buttons for legacy pages that don't load home.css. */
.gate--legacy .gate__card { font-family: 'Inter', sans-serif; color: #1e293b; margin: 2rem auto; }
.gate--legacy .btn { display: inline-block; padding: .8rem 1.6rem; border-radius: 999px; font-weight: 600; text-decoration: none; }
.gate--legacy .btn--primary { background: #1e293b; color: #fff; }
.gate--legacy .btn--ghost { border: 1px solid #cbd5e1; color: #1e293b; }