@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary:#e100ff;--secondary:#f05;--text:#f7f7f7;--bg:#050505;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--hero-text:#fff;--section-bg:transparent;--card-bg:#ffffff14}[data-theme=light]{--text:#000;--bg:#fff;--glass-bg:#00000008;--glass-border:#0000001a;--glass-shadow:0 8px 32px 0 #00000014;--hero-text:#000;--section-bg:#fff;--card-bg:#00000005}[data-theme=light] p,[data-theme=light] li:not(.gooey-nav-container li),[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:#000!important;opacity:1!important}[data-theme=light] .highlight{-webkit-text-fill-color:initial;background:0 0;color:var(--primary)!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--text);text-decoration:none;transition:color .3s}a:hover{color:var(--primary)}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2}.glass{background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{z-index:1;padding:100px 0;position:relative}#about,#services,#portfolio,#testimonials{isolation:isolate}nav{z-index:1100;isolation:isolate;pointer-events:none;width:100%;padding:.5rem 0;transition:all .3s;position:fixed;top:15px}nav *{pointer-events:auto}nav.scrolled{background:var(--bg);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:.5rem 0;top:0}nav .container{justify-content:space-between;align-items:center;display:flex}.logo img{filter:drop-shadow(0 0 10px #fff3);height:60px;margin-top:35px}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.mobile-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;display:none}.hero{text-align:center;height:100vh;color:var(--text);isolation:isolate;justify-content:center;align-items:center;padding-top:80px;display:flex}.hero-content{max-width:800px;padding:3rem}.hero h1{color:var(--hero-text);margin-bottom:1.5rem;font-size:4rem;font-weight:800}.hero p{color:var(--text);margin-bottom:2rem;font-size:1.5rem;font-weight:400}.highlight{color:var(--primary);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.about-grid{grid-template-columns:1fr 1.5fr;align-items:center;gap:3rem;display:grid}.about-img img{border:1px solid var(--glass-border);border-radius:20px;width:100%;box-shadow:0 20px 40px #00000080}.about-content h2{margin-bottom:1.5rem;font-size:3rem}.about-content h3{color:var(--primary);margin-bottom:2rem;font-size:1.5rem;font-weight:400}.about-list{list-style:none}.about-list li{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.about-list .icon{color:var(--primary);flex-shrink:0;margin-top:.2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:3rem}.section-header p{color:var(--text);max-width:600px;margin:0 auto;font-size:1.2rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.service-card{text-align:center;padding:2.5rem;transition:transform .3s,box-shadow .3s}.service-card:hover{border-color:#e100ff4d;transform:translateY(-10px);box-shadow:0 20px 40px #e100ff1a}.service-card h4{color:var(--text);margin-bottom:1rem;font-size:1.5rem}.service-card p{color:var(--text)}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.portfolio-item{aspect-ratio:1;cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.portfolio-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-overlay{opacity:0;background:linear-gradient(#0000,#000c);align-items:flex-end;width:100%;height:100%;padding:2rem;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-item:hover .portfolio-overlay{opacity:1}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{text-align:center;flex-direction:column;align-items:center;padding:2.5rem;display:flex;position:relative}.testimonial-img{object-fit:cover;border:3px solid #0000;border-radius:50%;width:100px;height:100px;margin-bottom:1.5rem}.quote-container{margin-bottom:1.5rem;padding:0 1.5rem;position:relative}.quote-mark{color:#e0f2fe;font-family:serif;font-size:5rem;line-height:1;position:absolute}.quote-mark.left{top:-1.5rem;left:-1rem}.quote-mark.right{bottom:-3rem;right:-1rem}.testimonial-text{color:#f7f7f7;z-index:1;font-size:1.15rem;font-style:italic;position:relative}[data-theme=light] .hero p{color:#333}.hero p{max-width:800px;color:var(--text);font-size:1.5rem;line-height:1.6}.testimonial-author h3{color:#fff;margin:0;font-size:1.5rem;font-weight:800}.testimonial-author h4{color:#aaa;margin:.2rem 0 0;font-size:1rem;font-weight:400}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.contact-item{text-align:center;padding:2rem}.contact-icon{justify-content:center;margin-bottom:1rem;display:flex}footer{text-align:center;border-top:1px solid var(--glass-border);background:#000c;padding:2rem 0}@media (width<=768px){.about-grid{grid-template-columns:1fr}.nav-links-container{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:2.5rem}}.testimonials-swiper .swiper-wrapper{transition-timing-function:linear!important}.marquee-wrapper{width:100%;padding:1rem 0;position:relative;overflow:hidden}.marquee{will-change:transform;backface-visibility:hidden;perspective:1000px;width:max-content;animation:40s linear infinite scroll;display:flex;transform:translate(0,0)}.marquee:hover{animation-play-state:paused}.marquee-group{flex-shrink:0;gap:30px;padding-right:30px;display:flex}@keyframes scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.marquee-item{flex-shrink:0;width:400px}#showcase{z-index:1;padding:100px 0;position:relative}.video-outer-container{max-width:680px;margin:0 auto;padding:0 1rem}.video-card-glow{border-radius:24px;transition:transform .4s,box-shadow .4s;overflow:visible;box-shadow:0 15px 35px #0006}.video-card-glow:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 25px 50px #e100ff33}.video-wrapper{background:#000;border:1px solid #ffffff0d;border-radius:22px;width:100%;line-height:0;position:relative;overflow:hidden}.showcase-video{object-fit:cover;border-radius:22px;width:100%;height:auto;display:block}[data-theme=light] .video-card-glow{box-shadow:0 10px 30px #00000026}[data-theme=light] .video-card-glow:hover{box-shadow:0 20px 40px #e100ff1f}[data-theme=light] .video-wrapper{background:#f7f7f7;border:1px solid #0000000d}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#ffffff0d);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 4px 12px #0000001a,0 16px 32px #0003}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 10px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden}:root{--linear-ease:linear(0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1)}.gooey-nav-container{pointer-events:none;position:relative}.gooey-nav-container nav{pointer-events:auto;display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:var(--text);text-shadow:0 1px 1px #121b211a;gap:2em;margin:0;padding:0 1em;list-style:none;transition:color .3s;display:flex;position:relative}[data-theme=light] .gooey-nav-container nav ul{text-shadow:none!important}.gooey-nav-container nav ul li{cursor:pointer;color:var(--text);border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav ul li a{color:inherit;padding:.6em 1em;text-decoration:none;display:inline-block}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{content:"";background:var(--text);opacity:0;z-index:-1;border-radius:10px;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav ul li.active{color:var(--bg);text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:2;white-space:nowrap;justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{z-index:5;text-transform:uppercase;letter-spacing:1px;color:var(--text);font-size:.9rem;font-weight:600;transition:color .3s}.gooey-nav-container .effect.text.active{color:var(--bg)}.gooey-nav-container .effect.filter{background:#fff3;border-radius:8px}.gooey-nav-container .effect.filter:before{display:none}.gooey-nav-container .effect.filter:after{content:"";background:var(--text);opacity:0;z-index:-1;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:.3s both pill}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -350ms}@keyframes particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)), calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}.pixel-snow-container{contain:layout style paint;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.pixel-snow-container canvas{will-change:transform;backface-visibility:hidden;width:100%;height:100%;display:block;transform:translateZ(0)}.circular-gallery{cursor:grab;width:100%;height:100%;overflow:hidden}.circular-gallery:active{cursor:grabbing}