/* Анимации переходов между страницами (iOS-style) */
body.page-enter {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
body.page-enter-active {
    opacity: 1;
    transform: translateY(0);
}
.fade-out {
    opacity: 0 !important;
    transform: scale(0.97) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}
.fade-out-delay-1 { transition-delay: 0.00s !important; }
.fade-out-delay-2 { transition-delay: 0.04s !important; }
.fade-out-delay-3 { transition-delay: 0.08s !important; }
.fade-out-delay-4 { transition-delay: 0.12s !important; }
.fade-out-delay-5 { transition-delay: 0.16s !important; }
.fade-out-delay-6 { transition-delay: 0.20s !important; }
.fade-out-delay-7 { transition-delay: 0.24s !important; }
.fade-out-delay-8 { transition-delay: 0.28s !important; }
.fade-out-last {
    transition-delay: 0.3s !important;
}

/* Фон при загрузке */
html { background: #0f172a !important; }
body { background: transparent !important; }

/* ====== АНИМАЦИИ МОДАЛЬНЫХ ОКОН ====== */
.modal.active {
    animation: fadeInOverlay 0.2s ease;
}
.modal.active .modal-content {
    animation: slideUpModal 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes fadeInOverlay {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideUpModal {
    from {
        opacity: 0;
        transform: translateY(40px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}