@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');

body {
    font-family: 'Inter', sans-serif;
    touch-action: manipulation;
}

.animate-in { opacity: 0; animation: fadeUp 0.8s ease-out forwards; }
        @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        
.animate-scroll { animation: scroll 20s linear infinite; }

.fade-in { animation: fadeIn 0.5s ease-in; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}

#header-logo {
    display: none;
}

.logo-loaded #header-logo {
    display: block;
}