.bg-grid-pattern{background-size:80px 80px;background-image:radial-gradient(circle at center, rgba(var(--foreground-rgb), .03) 1px, transparent 1.5px), radial-gradient(circle at center, rgba(var(--foreground-rgb), .01) 2px, transparent 3px);opacity:.5;background-position:0 0,40px 40px;animation:60s linear infinite subtle-shift}@keyframes subtle-shift{0%{background-position:0 0,40px 40px}50%{background-position:20px 10px,60px 50px}to{background-position:0 0,40px 40px}}.bg-noise{opacity:.02;pointer-events:none;z-index:1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;animation:8s infinite alternate noise-shift;position:absolute;top:0;left:0}@keyframes noise-shift{0%{opacity:.015;transform:scale(1)rotate(0)}to{opacity:.025;transform:scale(1.02)rotate(.5deg)}}.bg-particles{z-index:1000;opacity:.7;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:rgba(var(--primary-rgb), .5);width:5px;height:5px;box-shadow:0 0 15px 5px rgba(var(--primary-rgb), .2);border-radius:50%;animation:15s ease-in-out infinite particle-float;position:absolute}.particle:first-child{animation-duration:20s;animation-delay:0s;top:10%;left:20%}.particle:nth-child(2){background:rgba(var(--secondary-rgb), .5);width:7px;height:7px;box-shadow:0 0 15px 5px rgba(var(--secondary-rgb), .2);animation-duration:18s;animation-delay:2s;top:40%;left:40%}.particle:nth-child(3){background:rgba(var(--accent-rgb), .5);width:6px;height:6px;box-shadow:0 0 15px 5px rgba(var(--accent-rgb), .2);animation-duration:22s;animation-delay:4s;top:70%;left:65%}.particle:nth-child(4){background:rgba(var(--primary-rgb), .5);width:8px;height:8px;box-shadow:0 0 15px 5px rgba(var(--primary-rgb), .2);animation-duration:25s;animation-delay:6s;top:35%;left:80%}.particle:nth-child(5){background:rgba(var(--secondary-rgb), .5);width:6px;height:6px;box-shadow:0 0 15px 5px rgba(var(--secondary-rgb), .2);animation-duration:16s;animation-delay:8s;top:70%;left:35%}.particle:nth-child(6){background:rgba(var(--accent-rgb), .5);width:7px;height:7px;box-shadow:0 0 15px 5px rgba(var(--accent-rgb), .2);animation-duration:19s;animation-delay:3s;top:20%;left:85%}@keyframes particle-float{0%,to{opacity:.5;transform:translate(0)scale(1)}25%{opacity:.8;transform:translate(50px,25px)scale(1.5)}50%{opacity:.5;transform:translate(100px,-25px)scale(1)}75%{opacity:.7;transform:translate(50px,-50px)scale(1.2)}}.glow{box-shadow:0 0 15px 5px rgba(var(--primary-rgb), .2)}.gradient-border{position:relative;overflow:hidden}.gradient-border:after{content:"";background:linear-gradient(45deg, var(--primary), var(--secondary), var(--accent), var(--primary));z-index:-1;background-size:400% 400%;border-radius:calc(.5rem + 2px);animation:5s infinite gradient-shift;position:absolute;inset:-2px}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.floating{animation:6s ease-in-out infinite float}.floating-delay-1{animation:6s ease-in-out .5s infinite float}.floating-delay-2{animation:6s ease-in-out 1s infinite float}@keyframes float{0%{transform:translate(0)rotate(0)}50%{transform:translate(20px,15px)rotate(180deg)}to{transform:translate(0)rotate(360deg)}}.glass-card{transition:all .3s}.glass-card:hover{box-shadow:0 10px 30px -10px rgba(var(--foreground-rgb), .2);transform:translateY(-5px)}.animated-text-gradient{background:linear-gradient(45deg, var(--primary), var(--secondary), var(--accent), var(--primary));color:#0000;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradient-shift}@keyframes logo-pulse{0%{filter:drop-shadow(0 0 3px #ffffff4d);transform:scale(1)}33%{filter:drop-shadow(0px 0px 5px rgba(var(--primary-rgb), .4));transform:scale(1.02)}66%{filter:drop-shadow(0px 0px 5px rgba(var(--accent-rgb), .4));transform:scale(1.01)}to{filter:drop-shadow(0 0 3px #ffffff4d);transform:scale(1)}}@keyframes rainbow-shimmer{0%{opacity:.4;transform:translate(-5px)translateY(-2px)}50%{opacity:.6;transform:translate(5px)translateY(2px)}to{opacity:.4;transform:translate(-5px)translateY(-2px)}}.logo{transform-origin:50%;-webkit-backdrop-filter:blur(8px);mix-blend-mode:luminosity;opacity:.95;border-radius:50%;transition:transform .3s,filter .3s,opacity .3s;animation:6s ease-in-out infinite logo-pulse;position:relative;overflow:hidden}.logo:hover{filter:drop-shadow(0px 0px 8px rgba(var(--primary-rgb), .7));opacity:1;transform:scale(1.1)}.logo:after{content:"";background:linear-gradient(135deg,#fff0 0%,#ffffff1a 50%,#fff0 100%);width:200%;height:200%;animation:6s ease-in-out infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine{0%{top:-150%;left:-50%}to{top:150%;left:150%}}.logo:hover path{stroke-width:3px;transition:all .3s}.logo path[fill="rgba(255, 255, 255, 0.15)"]{-webkit-backdrop-filter:blur(8px)}.logo path[fill="url(#rainbowGradient)"]{animation:8s ease-in-out infinite rainbow-shimmer}.code-particles:before,.code-particles:after{content:"{ } < / > ( ) => ;";color:rgba(var(--primary-rgb), .1);pointer-events:none;white-space:nowrap;font-family:monospace;font-size:10px;position:absolute}.code-particles:before{animation:15s linear infinite float;top:30%;left:10%}.code-particles:after{animation:12s linear infinite reverse float;bottom:25%;right:15%}