.auth-card {
    animation: authCardEnter 550ms cubic-bezier(0.2, 0.7, 0.3, 1) both;
    transition: border-color 220ms ease, box-shadow 220ms ease;
}

.auth-card:hover {
    border-color: rgb(148 163 184 / 0.3);
    box-shadow: 0 24px 60px rgb(0 0 0 / 0.35), 0 0 30px rgb(0 240 255 / 0.05);
}

.auth-card input:not([type="checkbox"]) {
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.auth-card input:not([type="checkbox"]):focus {
    background-color: rgb(8 9 13 / 0.95);
}

.auth-card button,
.auth-card a {
    -webkit-tap-highlight-color: transparent;
}

@keyframes authCardEnter {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.99);
    }

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

@media (prefers-reduced-motion: reduce) {
    .auth-card {
        animation: none;
        transition: none;
    }

    .auth-card *,
    .auth-card *::before,
    .auth-card *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}