:root{--bg-color:248 250 252;--surface-color:255 255 255;--text-primary:15 23 42;--text-secondary:71 85 105;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(0, 0, 0, 0.06);--glass-blur:16px;--nav-bg:rgba(255, 255, 255, 0.85);--nav-text:#0f172a}.dark{--bg-color:3 7 18;--surface-color:17 24 39;--text-primary:255 255 255;--text-secondary:148 163 184;--glass-bg:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.08);--glass-blur:10px;--nav-bg:rgba(3, 7, 18, 0.7);--nav-text:#ffffff}html{scroll-behavior:smooth}body{transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgb(var(--bg-color))}::-webkit-scrollbar-thumb{background:#374151;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.02),0 2px 4px -1px rgba(0,0,0,.02)}.dark .glass-card{box-shadow:none}.glass-nav{background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--nav-text);transition:all .3s ease}.text-gradient{background:linear-gradient(to right,#6366f1,#d946ef);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .text-gradient{background:linear-gradient(to right,#818cf8,#e879f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(100,116,139,.2);border-radius:4px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.dark .hover-lift:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}.tilt-card{transform-style:preserve-3d;transition:transform .3s ease}.tilt-card:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.gradient-animate{background-size:200% 200%;animation:gradient 8s ease infinite}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.icon-bounce:hover i{animation:bounce .6s ease}.glow-on-hover{transition:box-shadow .3s ease}.glow-on-hover:hover{box-shadow:0 0 20px rgba(99,102,241,.6),0 0 40px rgba(99,102,241,.3)}body{animation:fadeIn .5s ease-in}