.social-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px 0;
    color: rgba(255, 255, 255, .55);
    font-size: 13px;
}

.social-divider::before,
.social-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, .08);
}

.google-btn {
    width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px;
    border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .04);
    color: #fff; border-radius: 14px; padding: 14px 16px; cursor: pointer; font-weight: 600;
    transition: .18s ease;
}
.google-btn:hover { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .18); }
.google-icon { width: 18px; height: 18px; border-radius: 50%; background: #fff; color: #111; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }

.auth-lang-switch { position: fixed; top: 24px; right: 32px; z-index: 999; display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(10px); }
.auth-lang-switch .lang-btn { border: none; background: transparent; color: rgba(255,255,255,.6); font-size: .7rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0; cursor: pointer; transition: color .25s ease; }
.auth-lang-switch .lang-btn.active { color: #e6c258; }
.auth-lang-switch .lang-sep { font-size: .75rem; color: rgba(255,255,255,.35); }

/* Auth form CTAs: color is retained while the surface takes on the shared glass treatment. */
.auth-form-side .btn-primary,
.auth-form-side .btn-outline-auth {
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    backdrop-filter: blur(20px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24) !important;
}
.auth-form-side .btn-primary { background: rgba(16, 185, 129, .54) !important; }
.auth-form-side .btn-primary:hover { background: rgba(16, 185, 129, .72) !important; }
.auth-form-side .btn-outline-auth { background: rgba(255, 255, 255, .20) !important; color: #fff !important; }
.auth-form-side .btn-outline-auth:hover { background: rgba(255, 255, 255, .32) !important; color: #fff !important; }