/* ============================================================
   NANOTREND - Auth Pages Styles (login/register/forgot/reset)
   ============================================================ */

.auth-section {
    min-height: calc(100vh - 320px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    background:
        radial-gradient(ellipse 50% 60% at 50% 0%, rgba(212, 175, 55, 0.1), transparent 60%);
}
.auth-card { max-width: 460px; width: 100%; margin: 0 auto; border-color: rgba(212, 175, 55, 0.22); }

.auth-divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.6rem 0;
    color: var(--text-muted);
    font-size: 0.72rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}
.auth-divider::before, .auth-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-soft);
}

.btn-google {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    background: #fff;
    color: #1f1f1f;
    border: 1px solid #d9d9d9;
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.78rem 1rem;
    transition: all var(--transition);
}
.btn-google:hover { background: #f7f7f7; color: #1f1f1f; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); transform: translateY(-1px); }
.btn-google img, .btn-google svg { width: 20px; height: 20px; }

.input-lux .input-group-text {
    background: var(--bg-dark-3);
    border: 1px solid var(--border-soft);
    border-right: none;
    color: var(--gold);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}
.input-lux .form-control { border-left: none; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.input-lux .form-control:focus { box-shadow: none; }
.input-lux .btn { border: 1px solid var(--border-soft); border-left: none; color: var(--text-muted); }
.input-lux .btn:hover { color: var(--gold); }

.form-check-input { accent-color: var(--gold); background-color: var(--bg-dark-3); border-color: var(--border-soft); }
.form-check-input:checked { background-color: var(--gold); border-color: var(--gold); }

.password-hint { font-size: 0.78rem; color: var(--text-muted); }

@media (max-width: 575.98px) {
    .auth-card { padding: 2rem 1.4rem !important; }
}