#auth-account-page .form-floating > .form-control {
    height: 48px;
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
}

#auth-account-page .form-floating > label {
    font-size: 0.8rem;
    padding: 0.4rem 0.6rem;
}
#auth-account-page .form-control {
    border-radius: 0.6rem;
}

#auth-account-page .auth-card {
    border-radius: 0.8rem;
}
/* When floating */
#auth-account-page .form-floating > .form-control:focus ~ label,
#auth-account-page .form-floating > .form-control:not(:placeholder-shown) ~ label {
    transform: scale(0.85) translateY(-0.65rem) translateX(0.15rem);
}

/* Reduce spacing between fields */
#auth-account-page .row.g-3 {
    --bs-gutter-y: 0.75rem;
    --bs-gutter-x: 0.75rem;
}

/* Section titles tighter */
#auth-account-page .auth-section-title {
    font-size: 0.8rem;
    margin-bottom: 6px;
    margin-top: 12px;
}

/* Button slightly smaller */
#auth-account-page .auth-btn {
    padding: 0.6rem;
    font-size: 0.95rem;
}

    /* Divider */
    #auth-account-page .auth-divider {
        position: relative;
        font-size: 0.85rem;
        color: #aaa;
    }

        #auth-account-page .auth-divider::before,
        #auth-account-page .auth-divider::after {
            content: "";
            height: 1px;
            width: 40%;
            background: #e0e0e0;
            position: absolute;
            top: 50%;
        }

        #auth-account-page .auth-divider::before {
            left: 0;
        }

        #auth-account-page .auth-divider::after {
            right: 0;
        }

    /* Social buttons */
    #auth-account-page .auth-social {
        border-radius: 0.75rem;
        font-weight: 500;
        transition: all 0.2s ease;
    }

        #auth-account-page .auth-social:hover {
            transform: translateY(-1px);
            background-color: #f8f9fa;
        }

/* Responsive tweak */
@media (max-width: 576px) {
    #auth-account-page .auth-card {
        padding: 0.5rem;
    }
}