body { font-family: 'DM Sans', sans-serif; background-color: #07090E; color: #E4EAF4; }
        h1, h2, h3, h4, .font-syne { font-family: 'Syne', sans-serif; }
        
        .hero-grid {
            background-image: linear-gradient(rgba(255, 107, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 107, 0, 0.05) 1px, transparent 1px);
            background-size: 50px 50px;
            mask-image: radial-gradient(circle at 20% 50%, black, transparent 80%);
        }
        
        .reveal { opacity: 0; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); }
        .reveal-up { transform: translateY(50px); }
        .reveal-left { transform: translateX(-50px); }
        .reveal-right { transform: translateX(50px); }
        .reveal-scale { transform: scale(0.9); }
        .reveal.active { opacity: 1; transform: translate(0) scale(1); }
        
        .tab-btn.active {
            background-color: #FF6B00;
            color: #07090E;
            border-color: #FF6B00;
        }

        .logo-custom { height: 52px; }
        @media (min-width: 768px) { .logo-custom { height: 62px; } }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        #tab-content { transition: opacity 0.3s ease, transform 0.3s ease; }