@media (prefers-reduced-motion: no-preference) {
    .screen,
    .form-page,
    .auth-flow,
    .auth-screen {
        animation: page-enter var(--motion-base) var(--ease-standard);
    }

    @keyframes page-enter {
        from {
            opacity: 0;
            transform: translateY(4px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}