﻿html { scroll-behavior: smooth; }
    body { background: #0A0A0F; color: white; font-family: 'Inter', sans-serif; overflow-x: hidden; }
    .glass { background: rgba(18,18,26,0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.08); }
    .glow-green { box-shadow: 0 0 40px rgba(0,208,132,0.15); }
    .glow-green-strong { box-shadow: 0 0 60px rgba(0,208,132,0.25); }
    .text-glow { text-shadow: 0 0 30px rgba(0,208,132,0.3); }
    .gradient-orb { background: radial-gradient(circle, rgba(0,208,132,0.15) 0%, transparent 70%); }
    .gradient-orb-blue { background: radial-gradient(circle, rgba(59,130,246,0.12) 0%, transparent 70%); }
    @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-20px)} }
    @keyframes pulse-glow { 0%,100%{opacity:0.5} 50%{opacity:1} }
    .animate-float { animation: float 6s ease-in-out infinite; }
    .animate-pulse-glow { animation: pulse-glow 3s ease-in-out infinite; }
    .marquee-track { display: flex; animation: marquee 30s linear infinite; }
    @keyframes marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
    .counter { font-family: 'Space Grotesk', monospace; }
    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: #0A0A0F; }
    ::-webkit-scrollbar-thumb { background: #1f1f2e; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #00D084; }
.page-fade { animation: pageFade 0.35s ease both; }
@keyframes pageFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
