/* Formulaires d'authentification, contact et page d'accès 18+. */

.auth-page {
    display: flex;
    justify-content: center;
    padding: clamp(28px, 6vh, 64px) var(--gutter);
}

.auth-card {
    width: 100%;
    max-width: 460px;
    padding: clamp(22px, 4vw, 36px);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--surface);
}
.auth-page--wide .auth-card { max-width: 640px; }
.auth-card h1 { font-size: 1.7rem; }
.auth-card__intro { margin: 6px 0 22px; color: var(--text-muted); }
.auth-card__forgot { margin: -6px 0 18px; font-size: 0.875rem; text-align: right; }
.auth-card__switch { margin-top: 18px; color: var(--text-muted); font-size: 0.9rem; text-align: center; }
.auth-card a:not(.btn) { color: var(--accent-text); }

.age-gate-page {
    background:
        radial-gradient(70% 60% at 85% 0%, rgba(217, 56, 30, 0.34), transparent 70%),
        radial-gradient(60% 55% at 0% 100%, rgba(122, 28, 70, 0.32), transparent 70%),
        var(--bg);
}

.age-gate {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px 16px;
}

.age-gate__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 580px;
    padding: clamp(26px, 5vw, 44px);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: rgba(24, 24, 24, 0.86);
    text-align: center;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}
.age-gate h1 { font-size: clamp(1.5rem, 4vw, 2.1rem); }
.age-gate__panel > p { color: #D6D2CD; }
.age-gate__panel a:not(.btn):not(.logo) { color: var(--accent-text); }
.age-gate__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
    margin-top: 6px;
}
.age-gate__panel .age-gate__note { color: var(--text-muted); font-size: 0.8rem; }
.age-gate__panel .age-gate__links { color: var(--text-muted); font-size: 0.85rem; }
.age-gate .alert { width: 100%; margin: 0; }

@media (max-width: 480px) {
    .age-gate__actions { grid-template-columns: 1fr; }
}