@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0; 
}
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #121212; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

body.menu-open { overflow: hidden; }
body.menu-open #page-wrapper {
    transform: translateX(280px) scale(0.95);
    border-radius: 1.5rem;
    box-shadow: -20px 0 50px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
body.menu-open #mobile-overlay {
    opacity: 1;
    pointer-events: auto;
}