body {
    background: #f4f4f8;
    min-height: 100dvh;
}

.auth-title {
    font-family: Georgia, serif;
    font-weight: lighter;
    font-size: clamp(2rem, 4vw, 2.6rem);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.auth-panel-left {
    width: 42%;
    background: radial-gradient(circle,rgba(59, 110, 204, 1) 0%, rgba(159, 148, 233, 1) 100%);
}

/* ── Card fade-in ── */
.auth-card {
    animation: authFadeUp .55s ease both;
    width: 450px;
    background: white;
}
@keyframes authFadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Google button ── */
.btn-google {
    border-color: lightgrey;
    color: #0f0f10;
    font-weight: 500;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.btn-google:hover {
    border-color: #9ca3af;
    box-shadow: 0 4px 16px rgba(15,15,16,.08);
    transform: translateY(-1px);
    color: #0f0f10;
    background: #fff;
}
.btn-google:active { transform: none; box-shadow: none; }

/* ── Logged-out icon badge ── */
.auth-icon-badge {
    width: 64px; height: 64px;
    background: #f4f4f8;
    border: 1px solid lightgrey;
}