body { background-color: #020617; color: #f8fafc; font-family: 'Inter', sans-serif; overflow-x: hidden; scroll-behavior: smooth; }
        .glass-nav { background: rgba(2, 6, 23, 0.9); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        .hero-gradient { background: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.15), transparent 70%); }
        .card-shine { position: relative; overflow: hidden; transition: all 0.5s ease; }
        .card-shine:hover { transform: translateY(-10px); border-color: rgba(16, 185, 129, 0.4); box-shadow: 0 20px 40px -20px rgba(0,0,0,0.5); }
        .ticker-animate { animation: ticker 40s linear infinite; white-space: nowrap; }
        @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .glam-btn { position: relative; overflow: hidden; transition: 0.3s; }
        .glam-btn::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transform: translateX(-100%); transition: 0.5s; }
        .glam-btn:hover::after { transform: translateX(100%); }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #10b981; border-radius: 10px; }
        .mesh-bg { position: absolute; width: 100%; height: 100%; background-image: radial-gradient(at 0% 0%, hsla(161,72%,48%,0.05) 0, transparent 50%), radial-gradient(at 100% 100%, hsla(161,72%,48%,0.05) 0, transparent 50%); pointer-events: none; }