/* ========================================
   АНИМАЦИИ И ЭФФЕКТЫ
   ======================================== */

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

.fade-in {
    animation: fadeIn var(--transition-fast) forwards;
}

/* Hover-эффекты */
.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow);
}
.hover-border:hover {
    border-color: var(--main-color);
}