:root{--primary-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6, #06b6d4);--mesh-light: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100%);--mesh-dark: linear-gradient(135deg, #1e293b 0%, #0f172a 25%, #1e1b4b 50%, #312e81 75%, #1e40af 100%)}*{font-family:Inter,sans-serif}.glassmorphism{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dark .glassmorphism{background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.gradient-text{background:var(--primary-gradient);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease-in-out infinite}.mesh-gradient{background:var(--mesh-light);background-size:400% 400%;animation:meshShift 15s ease infinite}.dark .mesh-gradient{background:var(--mesh-dark);background-size:400% 400%;animation:meshShift 15s ease infinite}.card-3d{transform-style:preserve-3d;transition:all .6s cubic-bezier(.23,1,.32,1)}.card-3d:hover{transform:translateY(-12px) rotateX(5deg) rotateY(5deg) scale(1.02)}.floating-element{animation:float 6s ease-in-out infinite}.pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.dark .shimmer-effect:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.magnetic-button{transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.magnetic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.magnetic-button:hover:before{left:100%}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.23,1,.32,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.service-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.dark .service-card{background:#0006;border:1px solid rgba(255,255,255,.1)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(59,130,246,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.service-card:hover:before{opacity:1}.testimonial-card{background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);transition:all .4s ease;position:relative}.dark .testimonial-card{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.project-card{transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #00000026}.project-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);opacity:0;transition:opacity .3s ease}.project-card:hover:after{opacity:1}.dark-mode-toggle{position:fixed;top:80px;right:20px;z-index:1000;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:12px;cursor:pointer;transition:all .3s ease}.dark .dark-mode-toggle{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.hero-particle{position:absolute;border-radius:50%;pointer-events:none;animation:particleFloat 20s linear infinite}.parallax-container{will-change:transform;transform:translateZ(0)}.hero-section{position:relative;z-index:10}.services-section{position:relative;z-index:20;background:#fff}.dark .services-section{background:#0f172a}.work-section{position:relative;z-index:30}.reviews-section{position:relative;z-index:40;background:#fff}.dark .reviews-section{background:#0f172a}.about-section{position:relative;z-index:50}.contact-section{position:relative;z-index:60;background:#fff}.dark .contact-section{background:#0f172a}.footer-section{position:relative;z-index:70}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes meshShift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}