/* Mobile-first responsive layout */
@media (max-width: 1023px) {
    #login-view,
    #register-view {
        flex-direction: column;
    }
    
    .blob {
        opacity: 0.4;
    }
}

/* Ensure forms are properly sized */
.input-field {
    font-size: 16px; /* Prevents zoom on iOS */
}

/* Google button container */
.g_id_signin {
    width: 100% !important;
}

.g_id_signin > div {
    width: 100% !important;
}

/* Smooth transitions */
#email-form {
    transition: all 0.3s ease;
}

#toggle-icon {
    transition: transform 0.3s ease;
}

/* Custom scrollbar for the form area */
@media (min-width: 1024px) {
    #login-view > div:last-child,
    #register-view > div:last-child {
        overflow-y: auto;
        max-height: 100vh;
    }
}