:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary:#6366f1;--primary-glow:#6366f166;--accent:#22d3ee;--accent-glow:#22d3ee66;--bg-light:#fdfdfd;--text-light:#0f172a;--card-light:#fffc;--nav-light:#fffc;--bg-dark:#020617;--card-dark:#0f172a99;--border-glass:#ffffff1a;--spacing-xs:clamp(.5rem,1vw,.75rem);--spacing-sm:clamp(.75rem,1.5vw,1rem);--spacing-md:clamp(1.25rem,2.5vw,2rem);--spacing-lg:clamp(2rem,4vw,3rem);--spacing-xl:clamp(3rem,6vw,5rem);--spacing-2xl:clamp(4rem,10vw,8rem);--font-display:"Space Grotesk",sans-serif;--font-body:"Outfit",sans-serif;--transition:all .5s cubic-bezier(.4,0,.2,1);--transition-fast:all .25s ease;font-size:clamp(100%,1rem + .25vw,120%)}.dark-mode{--primary:#818cf8;--accent:#22d3ee;--bg-light:#020617;--text-light:#f1f5f9;--card-light:#0f172a99;--nav-light:#020617cc}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-light);color:var(--text-light);transition:var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.background-anim{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.light-grid{opacity:.5;background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.dark-orbs{opacity:0;transition:opacity 1s;position:absolute;inset:0}.dark-mode .dark-orbs{opacity:1}.orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:10s infinite alternate floatOrb;position:absolute}.orb-1{background:var(--primary);width:50vw;height:50vw;animation-delay:0s;top:-10%;left:-10%}.orb-2{background:var(--accent);width:40vw;height:40vw;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}nav{background:var(--nav-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-glass);z-index:1000;width:100%;transition:var(--transition);justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:fixed;top:0}.brand{cursor:pointer;z-index:1001;align-items:center;gap:1rem;display:flex}.brand img{height:60px}.brand span{font-family:var(--font-display);letter-spacing:-.05em;font-size:1.5rem;font-weight:800}.nav-links{gap:2.5rem;display:flex}.nav-links a{color:var(--text-light);opacity:.7;transition:var(--transition-fast);font-size:.95rem;font-weight:600;text-decoration:none}.nav-links a:hover{opacity:1;color:var(--accent)}.nav-actions{align-items:center;gap:1.5rem;display:flex}.mobile-menu{background:var(--bg-light);z-index:2005;clip-path:circle(0% at 100% 0);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:clip-path .6s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;inset:0}.mobile-menu.active{clip-path:circle(150% at 100% 0)}.mobile-menu a{color:var(--text-light);letter-spacing:-.05em;font-size:2.5rem;font-weight:800;text-decoration:none}.mobile-menu a:hover{color:var(--accent);transform:translate(-10px)}.hero{min-height:100vh;justify-content:space-between;align-items:center;gap:var(--spacing-2xl);min-height:100dvh;padding:clamp(120px,15vh,180px) 10% clamp(60px,8vh,100px);display:flex;position:relative}.hero-txt{z-index:2;flex:1.2;position:relative}.hero-txt .hero-title{color:var(--text-light);letter-spacing:-.04em;font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:.95}.hero-txt p{opacity:.6;margin-bottom:var(--spacing-xl);max-width:550px;font-size:1.25rem;line-height:1.5}.hero-btn{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 20px 40px var(--primary-glow);transition:var(--transition);border:none;border-radius:40px;align-items:center;gap:12px;padding:18px 45px;font-size:1.1rem;font-weight:700;display:inline-flex}.hero-btn:hover{background:var(--accent);box-shadow:0 30px 60px var(--accent-glow);transform:translateY(-8px)}.hero-visual{z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-logo-container{justify-content:center;align-items:center;width:100%;max-width:450px;display:flex;position:relative}.hero-main-logo{z-index:2;width:100%;height:auto;filter:drop-shadow(0 0 30px var(--primary-glow));position:relative}.hero-glow-back{background:radial-gradient(circle,var(--primary-glow),transparent 70%);filter:blur(50px);opacity:.5;z-index:1;width:300px;height:300px;position:absolute}@media (max-width:968px){.hero{text-align:center;flex-direction:column;padding-top:140px}.hero-txt{margin-bottom:4rem}.hero-txt .hero-title{justify-content:center}.hero-txt p{margin:0 auto 2rem}.hero-brand-reveal{justify-content:center}}.section-pad{padding:clamp(60px,10vh,120px) 5%}.sec-title{text-align:center;letter-spacing:-.5px;margin-bottom:clamp(40px,8vh,60px);font-size:clamp(2rem,6vw,3rem);font-weight:800}.sec-title span{color:var(--accent);position:relative}.sec-title span:after{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.bento-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(300px,auto);max-width:1400px;margin:0 auto;display:grid}.bento-item{background:var(--card-light);padding:var(--spacing-lg);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);cursor:pointer;border-radius:32px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.bento-item.large{grid-area:span 1/span 2}.bento-item.tall{grid-row:span 2}.bento-item:hover{border-color:var(--accent);box-shadow:0 20px 40px #0003,0 0 20px var(--accent-glow);transform:translateY(-10px)scale(1.02)}.professional-icon-wrapper{background:#6366f114;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:2rem;display:flex}.professional-icon{object-fit:contain;width:40px;height:40px;filter:drop-shadow(0 0 10px var(--primary-glow))}.module-link{color:var(--accent);letter-spacing:.05em;opacity:.8;transition:var(--transition-fast);align-items:center;gap:8px;margin-top:auto;padding-top:2rem;font-size:.85rem;font-weight:800;display:flex}.bento-item:hover .module-link{opacity:1;gap:12px}.bento-item h3{letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800}.bento-item p{opacity:.7;font-size:1rem;line-height:1.6}.card-icon{object-fit:contain;width:auto;height:80px;margin-bottom:var(--spacing-sm);transition:var(--transition)}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-item.large,.bento-item.tall{grid-area:span 1/span 1}}.projects-container{background:var(--card-light);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;max-width:900px;margin:0 auto;padding:10px;box-shadow:0 40px 100px #0003}.project-row{padding:var(--spacing-md)var(--spacing-lg);transition:var(--transition);justify-content:space-between;align-items:center;gap:var(--spacing-md);border-radius:30px;margin-bottom:5px;display:flex}.project-row:hover{background:#ffffff14;transform:scale(1.01)}.tag{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:30px;padding:8px 20px;font-size:.8rem;font-weight:700;box-shadow:0 10px 20px #0000001a}.team-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px;margin:0 auto;display:grid}.team-member{text-align:center;background:var(--card-light);padding:var(--spacing-xl)var(--spacing-lg);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition);border-radius:40px}.team-member:hover{border-color:var(--primary);box-shadow:0 30px 60px #0003,0 0 20px var(--primary-glow);transform:translateY(-15px)}.avatar{background:linear-gradient(45deg,var(--primary),var(--accent));width:clamp(80px,15vw,100px);height:clamp(80px,15vw,100px);margin:0 auto var(--spacing-md);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;padding:var(--spacing-md);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-light);border:1px solid var(--accent);border-radius:24px;width:100%;max-width:600px;max-height:90vh;padding:clamp(24px,5vw,40px);position:relative;overflow-y:auto;box-shadow:0 40px 100px #00000080}footer{color:#fff;background:#020617;margin-top:clamp(60px,12vh,100px);padding:clamp(60px,10vh,80px) 5%}.footer-content{gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));max-width:1200px;margin:0 auto;display:grid}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){:root{--spacing-lg:1.5rem;--spacing-xl:3rem}.hero{text-align:center;flex-direction:column;gap:3rem;min-height:auto;padding:120px 5% 60px}.hero-txt{flex-direction:column;order:2;align-items:center;max-width:100%;display:flex}.hero-txt .hero-title{font-size:clamp(2.5rem,8vw,4rem);line-height:1.1}}@media (max-width:768px){:root{--spacing-md:1.25rem;--spacing-lg:1.5rem;--spacing-xl:3rem}.section-pad{padding:clamp(60px,10vh,80px) 5%}nav{background:#fffffff2;padding:1.25rem 5%}.dark-mode nav{background:#020617f2}.nav-links{display:none}.menu-btn{display:block}.brand img{height:50px}.brand span{font-size:1.5rem}.hero{gap:2.5rem;padding-top:130px;padding-bottom:60px}.hero-txt .hero-title{font-size:3.2rem;line-height:1.1}.hero-txt p{max-width:100%;padding:0 5px;font-size:1.15rem;line-height:1.6}.hero-btn{justify-content:center;width:100%;padding:20px;font-size:1.2rem}.hero-logo-container{max-width:350px}.bento-grid{grid-template-columns:1fr;gap:1.5rem}.bento-item.large,.bento-item.tall{grid-area:span 1/span 1}.bento-item{min-height:auto;padding:2rem}.bento-item h3{font-size:1.8rem}.bento-item p{font-size:1.1rem}.project-row{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem}.project-row>div:first-child{width:100%}.project-row div[style*="font-size: 1.2rem"]{font-size:1.4rem!important}.tag{align-self:flex-start;margin-top:8px;padding:8px 18px;font-size:.85rem}.team-grid{grid-template-columns:1fr;gap:2rem}.team-member{padding:2.5rem 1.5rem}.avatar{width:120px;height:120px;font-size:2.5rem}.team-member h3{font-size:1.8rem!important}footer{text-align:left;padding:60px 6% 100px}.footer-content{gap:4rem}.footer-content h2{font-size:2rem}}@media (max-width:480px){.hero-txt .hero-title{font-size:2.8rem}.hero-btn{justify-content:center;width:100%;padding:18px}.modal-box{width:95%;padding:1.5rem}.modal-box h2{font-size:1.8rem!important}.professional-icon-wrapper{width:70px;height:70px;margin-bottom:1.5rem}.sec-title{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.badge{letter-spacing:.1em;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-brand-reveal{align-items:center;gap:15px;margin-bottom:1.5rem;display:flex}.hero-subtext{margin-top:1.5rem}.hero-cta{gap:1rem;margin-top:2.5rem;display:flex}.section-header{text-align:center;margin-bottom:4rem}.card-title{margin-top:1.5rem;font-size:1.5rem}@media (max-width:768px){.hero-cta{flex-direction:column;gap:1rem;width:100%;margin-top:2rem}}.loading-3d{font-family:var(--font-display);color:var(--primary);letter-spacing:.2em;font-weight:700;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.hero-3d-scene{background:radial-gradient(circle,#3b82f61a,#0000);border-radius:24px;flex:1;width:100%;max-width:700px;height:clamp(400px,50vh,600px);position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dark-mode .hero-3d-scene{background:radial-gradient(circle,#d946ef26,#0000);box-shadow:0 0 80px #d946ef4d}@media (max-width:1024px){.hero-3d-scene{pointer-events:none;max-width:100%;height:clamp(350px,45vh,500px);margin-top:2rem}}@media (max-width:768px){.hero-3d-scene{height:clamp(300px,40vh,400px)}}@media (max-width:480px){.hero-3d-scene{border-radius:16px;height:280px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--accent));border:2px solid var(--bg-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent),var(--primary))}@media (max-width:768px){::-webkit-scrollbar{width:6px}}.dark-mode nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;background:#020617d9!important}.dark-mode .floating-card-inner{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff0d;background:#0f172abf!important}.dark-mode .modal-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae6!important}.dark-mode .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3!important}.dark-mode .hero-btn{box-shadow:0 0 20px #d946ef80,0 0 40px #3b82f64d,0 10px 30px #0000004d}.dark-mode .hero-btn:hover{box-shadow:0 0 30px #d946efcc,0 0 60px #3b82f680,0 15px 40px #0006}.dark-mode .sec-title span:after{box-shadow:0 0 20px #d946ef99}@media (max-width:768px){.dark-mode .hero-btn{box-shadow:0 0 15px #d946ef66,0 10px 20px #0000004d}.dark-mode .hero-btn:hover{box-shadow:0 0 20px #d946ef99,0 12px 25px #0000004d}}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.card:hover:before{left:100%}@media (max-width:768px){.card:before{display:none}}.floating-card-3d{will-change:transform}@media (max-width:768px){.floating-card-3d{transform:none!important}.floating-card-glow{display:none}}.hero-3d-scene,.card,.floating-card-3d,.hero-btn{backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.card:before,.floating-card-glow{display:none}.dark-mode .hero-btn,.dark-mode .hero-btn:hover{box-shadow:0 10px 30px #0000004d}}.loading-3d{height:100%;color:var(--accent);justify-content:center;align-items:center;font-size:clamp(1rem,2vw,1.2rem);animation:2s ease-in-out infinite pulse;display:flex}@media (hover:none) and (pointer:coarse){.card:hover{transform:none}.icon-btn:hover{background:0 0;transform:none}.icon-btn{min-width:44px;min-height:44px;padding:12px}.nav-links a{padding:8px 0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-3d-scene{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.dark-mode .background-anim:before{content:"";opacity:.5;background:linear-gradient(-45deg,#2563eb1a,#d946ef1a,#3b82f61a,#a78bfa1a) 0 0/400% 400%;animation:15s infinite gradientShift;position:absolute;inset:0}.background-anim:after{content:"";background:linear-gradient(135deg,#3b82f608,#06b6d408,#8b5cf608) 0 0/400% 400%;animation:20s infinite gradientShift;position:absolute;inset:0}.dark-mode .background-anim:after{display:none}.dark-mode .orb{box-shadow:0 0 100px,0 0 200px}#services{position:relative;overflow:hidden}#services:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20%,#06b6d40d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f60d 0%,#0000 50%);position:absolute;inset:0}.dark-mode #services:before{background-image:radial-gradient(circle at 20%,#d946ef1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f61a 0%,#0000 50%)}#team{position:relative;overflow:hidden}#team:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 50% 20%,#8b5cf60d 0%,#0000 50%),radial-gradient(circle at 30% 80%,#06b6d40d 0%,#0000 50%);position:absolute;inset:0}.dark-mode #team:before{background-image:radial-gradient(circle at 50% 20%,#a78bfa1a 0%,#0000 50%),radial-gradient(circle at 30% 80%,#d946ef1a 0%,#0000 50%)}@keyframes shimmer{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.card:hover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:1.5s shimmer;position:absolute;top:-50%;left:-50%}@keyframes textGlow{0%,to{text-shadow:0 0 10px #06b6d480,0 0 20px #06b6d44d}50%{text-shadow:0 0 20px #06b6d4cc,0 0 40px #06b6d480,0 0 60px #06b6d44d}}.dark-mode .sec-title span{animation:3s ease-in-out infinite textGlow}.card-icon{animation:3s ease-in-out infinite float}.card:nth-child(2) .card-icon{animation-delay:-.5s}.card:nth-child(3) .card-icon{animation-delay:-1s}@keyframes spin3D{0%{transform:rotate(0)rotateY(0)}to{transform:rotate(360deg)rotateY(360deg)}}.loading-3d:before{content:"";border:3px solid #06b6d44d;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin-right:10px;animation:1s linear infinite spin3D;display:inline-block}.hero-btn{animation:2s ease-in-out infinite pulse}.hero-btn:hover{animation:none}@keyframes meteor{0%{opacity:1;transform:translate(0)translateY(0)rotate(-45deg)}to{opacity:0;transform:translate(300px)translateY(300px)rotate(-45deg)}}.dark-mode .background-anim:after{background:linear-gradient(to bottom,transparent,var(--accent),transparent);opacity:.3;width:2px;height:100px;animation:3s linear infinite meteor;display:block;position:absolute;top:-100px;left:50%}@media (max-width:768px){.background-anim:before,.background-anim:after{animation-duration:30s}.dark-mode .sec-title span{text-shadow:0 0 15px #d946ef99;animation:none}.card-icon,.hero-btn{animation:none}}@media (prefers-reduced-motion:reduce){.background-anim:before,.background-anim:after,.card-icon,.hero-btn,.dark-mode .sec-title span{animation:none!important}}body{position:relative;overflow-x:hidden;background-color:#0000!important}body:before{content:"";background-blend-mode:overlay;z-index:-2;background:radial-gradient(at top,#1b2735 0%,#090a0f 100%),radial-gradient(at bottom,#0f2027 0%,#203a43 50%,#2c5364 100%);width:100%;height:100%;animation:20s ease-in-out infinite cosmicShift;position:fixed;top:0;left:0}@keyframes cosmicShift{0%,to{opacity:1}50%{opacity:.8}}.stars-layer{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.stars-layer:before,.stars-layer:after{content:"";background:#fff;width:2px;height:2px;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:100px 200px #fff,300px 100px #fff,500px 300px #fff,700px 150px #fff,900px 250px #fff,1100px 180px #fff,150px 400px #fff,350px 350px #fff,550px 450px #fff,750px 400px #fff,950px 500px #fff,1150px 420px #fff,200px 600px #fff,400px 550px #fff,600px 650px #fff,800px 600px #fff,1000px 700px #fff,1200px 620px #fff,250px 50px #818cf8,450px 120px #6366f1,650px 80px #22d3ee,850px 140px #0891b2,1050px 90px #4f46e5,1250px 160px #818cf8}.stars-layer:after{animation-delay:-1.5s;box-shadow:120px 180px #fff,320px 120px #fff,520px 280px #fff,720px 170px #fff,920px 230px #fff,1120px 200px #fff,170px 380px #fff,370px 330px #fff,570px 430px #fff,770px 380px #fff,970px 480px #fff,1170px 400px #fff,220px 580px #fff,420px 530px #fff,620px 630px #fff,820px 580px #fff,1020px 680px #fff,1220px 600px #fff,270px 70px #6366f1,470px 140px #22d3ee,670px 100px #818cf8,870px 160px #4338ca,1070px 110px #0891b2,1270px 180px #6366f1}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.nebula-cloud{filter:blur(80px);opacity:.3;z-index:-1;pointer-events:none;border-radius:50%;animation:30s ease-in-out infinite floatNebula;position:fixed}.nebula-1{background:radial-gradient(circle,#6366f1,#0000);width:400px;height:400px;animation-delay:0s;top:10%;left:10%}.nebula-2{background:radial-gradient(circle,#22d3ee,#0000);width:500px;height:500px;animation-delay:-10s;top:50%;right:10%}.nebula-3{background:radial-gradient(circle,#4f46e5,#0000);width:450px;height:450px;animation-delay:-20s;bottom:10%;left:30%}.nebula-4{background:radial-gradient(circle,#0891b2,#0000);width:350px;height:350px;animation-delay:-15s;top:30%;right:40%}@keyframes floatNebula{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,30px)scale(1.1)}50%{transform:translate(-20px,50px)scale(.9)}75%{transform:translate(40px,-30px)scale(1.05)}}.space-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#a78bfa08 1px,#0000 1px),linear-gradient(90deg,#a78bfa08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:fixed;top:0;left:0}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(50px)}}.shooting-star{z-index:-1;pointer-events:none;background:linear-gradient(#fff,#0000);width:2px;height:80px;animation:3s linear infinite shoot;position:fixed}.shooting-star-1{animation-delay:0s;top:20%;left:10%}.shooting-star-2{animation-delay:1.5s;top:40%;left:50%}.shooting-star-3{animation-delay:3s;top:60%;left:80%}@keyframes shoot{0%{opacity:1;transform:translate(0)translateY(0)rotate(45deg)}to{opacity:0;transform:translate(300px)translateY(300px)rotate(45deg)}}.particle{z-index:-1;pointer-events:none;background:#d946ef;border-radius:50%;width:4px;height:4px;animation:15s ease-in-out infinite particleFloat;position:fixed;box-shadow:0 0 10px #d946ef,0 0 20px #d946ef}.particle-1{background:#6366f1;animation-delay:0s;top:15%;left:20%;box-shadow:0 0 10px #6366f1,0 0 20px #6366f1}.particle-2{background:#22d3ee;animation-delay:-5s;top:45%;left:60%;box-shadow:0 0 10px #22d3ee,0 0 20px #22d3ee}.particle-3{background:#4f46e5;animation-delay:-10s;top:75%;left:40%;box-shadow:0 0 10px #4f46e5,0 0 20px #4f46e5}.particle-4{background:#0891b2;animation-delay:-7s;top:30%;left:80%;box-shadow:0 0 10px #0891b2,0 0 20px #0891b2}.particle-5{background:#818cf8;animation-delay:-12s;top:60%;left:15%;box-shadow:0 0 10px #818cf8,0 0 20px #818cf8}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0)translate(0)}50%{opacity:1;transform:translateY(-100px)translate(50px)}}.cosmic-ring{z-index:-1;pointer-events:none;border:2px solid;border-radius:50%;animation:8s ease-in-out infinite ringPulse;position:fixed}.cosmic-ring-1{border-color:#d946ef4d;width:200px;height:200px;animation-delay:0s;top:20%;right:20%}.cosmic-ring-2{border-color:#3b82f64d;width:300px;height:300px;animation-delay:-4s;bottom:20%;left:25%}@keyframes ringPulse{0%,to{opacity:.3;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(1.2)rotate(180deg)}}.dark-mode body:before{background:radial-gradient(at top,#1b2735 0%,#090a0f 100%),radial-gradient(at bottom,#0f2027 0%,#203a43 50%,#2c5364 100%);animation:15s ease-in-out infinite cosmicShift}@media (max-width:768px){.nebula-cloud{filter:blur(60px);width:250px!important;height:250px!important}.cosmic-ring,.shooting-star{display:none}.particle{width:3px;height:3px}}@media (prefers-reduced-motion:reduce){.nebula-cloud,.shooting-star,.particle,.cosmic-ring,.stars-layer:before,.stars-layer:after{animation:none!important}body:before{animation:none}}.floating-card-3d{cursor:pointer;transform-style:preserve-3d;will-change:transform;transition:transform .1s ease-out;position:relative}.floating-card-inner{background:var(--card-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:20px;padding:clamp(24px,5vw,40px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;transform:translateZ(20px);box-shadow:0 10px 40px #0000001a,inset 0 0 0 1px #ffffff1a}.floating-card-3d:hover .floating-card-inner{border-color:var(--accent);box-shadow:0 20px 60px #0003,0 0 30px #06b6d44d,0 0 0 1px var(--accent)inset}.floating-card-glow{background:linear-gradient(45deg,transparent,var(--accent),transparent);opacity:0;z-index:-1;filter:blur(20px);pointer-events:none;border-radius:20px;transition:opacity .4s;position:absolute;inset:-2px;transform:translateZ(-10px)}.floating-card-3d:hover .floating-card-glow{opacity:.6}.dark-mode .floating-card-inner{background:#0f172abf;box-shadow:0 10px 40px #00000080,inset 0 0 0 1px #ffffff0d}.dark-mode .floating-card-3d:hover .floating-card-inner{box-shadow:0 20px 60px #000000b3,0 0 40px #d946ef66,0 0 0 1px var(--accent)inset}@media (max-width:768px){.floating-card-3d{transform:none!important}.floating-card-inner{padding:clamp(20px,5vw,30px)}.floating-card-glow{display:none}.floating-card-3d:active .floating-card-inner{transform:scale(.98)}}@media (hover:none) and (pointer:coarse){.floating-card-3d{transform:none!important}.floating-card-3d:hover .floating-card-inner{box-shadow:0 15px 50px #00000026,inset 0 0 0 1px #06b6d44d}}@media (prefers-reduced-motion:reduce){.floating-card-3d{transition:none}.floating-card-inner{transition:box-shadow .3s}.floating-card-glow{display:none}}