/* Custom Platform Styles */
.animate-fade-in {
    animation: fade-in 1s ease-out forwards;
}

@keyframes fade-in {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.animate-slide-in-left {
    animation: slide-in-left 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes slide-in-left {
    from { opacity: 0; transform: translateX(-100px); }
    to { opacity: 1; transform: translateX(0); }
}

.animate-slide-in-right {
    animation: slide-in-right 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes slide-in-right {
    from { opacity: 0; transform: translateX(100px); }
    to { opacity: 1; transform: translateX(0); }
}

.animate-zoom-in {
    animation: zoom-in 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes zoom-in {
    from { opacity: 0; transform: scale(1.5); }
    to { opacity: 1; transform: scale(1); }
}

/* Dark Mode Overrides (if needed) */
.dark body {
    background-color: #020617;
    color: #f8fafc;
}

.dark nav, .dark footer {
    background-color: #0f172a;
    border-color: #1e293b;
}