@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap";:root{--bg-color:#080d1a;--bg-gradient:radial-gradient(circle at top right, #14223d 0%, #0a1224 55%, #060a14 100%);--text-primary:#fff;--text-secondary:#e8ecf4;--accent-cyan:#fc0;--accent-purple:#f60;--accent-magenta:gold;--glass-bg:#121c308c;--glass-border:#ffffff14;--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;font-size:18px;overflow-x:hidden}body{zoom:.85;background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-main);min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:normal;text-transform:none}.text-justify-custom{text-align:left}@media (width>=768px){.text-justify-custom{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}}.text-gradient{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--accent-magenta));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientFlow}.animated-gradient-border{border-radius:inherit;background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--accent-magenta), var(--accent-cyan));-webkit-mask-composite:xor;pointer-events:none;background-size:300% 300%;padding:2px;animation:3s linear infinite borderGlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderGlow{0%{background-position:0%}to{background-position:300%}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.radial-text-gradient{background:radial-gradient(circle at center, var(--accent-cyan) 0%, var(--accent-purple) 60%, var(--accent-magenta) 100%);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite alternate radialPulse}@keyframes radialPulse{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:50% 0}}@keyframes float3D{0%{transform:translateY(0)rotateX(5deg)rotateY(-5deg)}50%{transform:translateY(-20px)rotateX(-5deg)rotateY(5deg)}to{transform:translateY(0)rotateX(5deg)rotateY(-5deg)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--accent-cyan), inset 0 0 10px var(--accent-cyan)}50%{box-shadow:0 0 50px var(--accent-purple), inset 0 0 20px var(--accent-purple)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseCore{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.quantum-core{z-index:0;border:1px solid #ffcc000d;border-radius:50%;width:60vw;max-width:800px;height:60vw;max-height:800px;animation:10s ease-in-out infinite pulseCore;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 150px #ff660026}.quantum-ring{transform-origin:50%;border-radius:50%;position:absolute;top:50%;left:50%}.ring-1{border:2px dashed #ffcc0026;width:100%;height:100%;margin-top:-50%;margin-left:-50%;animation:30s linear infinite spin}.ring-2{border:1px solid #0000;border-color:#f606 #0000 #ffcc004d;width:75%;height:75%;margin-top:-37.5%;margin-left:-37.5%;animation:20s linear infinite reverse spin}.ring-3{border:2px dotted #ffd7004d;width:50%;height:50%;margin-top:-25%;margin-left:-25%;animation:12s linear infinite spin;box-shadow:inset 0 0 50px #ffcc001a}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);transform-style:preserve-3d;border-radius:32px;transition:all .5s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.glass-panel:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#fff6,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glow-button{color:var(--accent-cyan);border:1px solid var(--accent-cyan);font-family:var(--font-display);cursor:pointer;text-transform:none;letter-spacing:1px;z-index:1;background:0 0;border-radius:50px;padding:12px 30px;font-size:1rem;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 0 15px #fc03}.glow-button:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:-100%}.glow-button:hover:after{left:100%}.glow-button:hover{background:var(--accent-cyan);color:#000;transform:translateY(-2px);box-shadow:0 0 30px #fc09,0 0 60px #fc06}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.full-container{box-sizing:border-box;width:100%;padding:0 4rem}.advanced-grid{perspective:2000px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;display:grid}.product-grid{perspective:2000px;grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}@media (width<=1100px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.product-grid{grid-template-columns:1fr}}nav{z-index:1000;border-bottom:1px solid #0000;width:100%;padding:1.5rem 0;transition:all .4s;position:fixed;top:0}nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);background:#080d1ae0;padding:1rem 0;box-shadow:0 10px 30px #00000080}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-display);color:#fff;letter-spacing:5px;text-shadow:0 0 15px #fc0c;font-size:1.8rem;font-weight:900}.nav-links{gap:4.5rem;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-size:1.05rem;transition:all .3s;position:relative}.nav-links a:after{content:"";background:var(--accent-cyan);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--accent-cyan), var(--accent-purple))}.scanline-overlay,.cyber-grid{display:none!important}.skills-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.three-col-grid{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.product-detail-container{width:60%;margin:0 auto}@media (width<=1024px){.product-detail-container{width:90%;margin:0 auto}}@media (width<=768px){.product-detail-container{width:calc(100% - 2rem);margin:0 auto}}@media (width<=1024px){.three-col-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.three-col-grid{grid-template-columns:1fr}}@media (width<=1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.skills-grid{grid-template-columns:1fr}}.hero-section{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.robotics-text-block{width:80%}.nav-header{display:contents}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);z-index:100;display:none}@media (width<=768px){.nav-header{z-index:100;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.mobile-menu-btn{display:block}html,body{font-size:17px}.nav-content{flex-direction:column;gap:0;padding:0 1.5rem!important}.hero-section{height:auto;min-height:60vh;padding:220px 0 50px}.robotics-text-block{width:95%}nav.scrolled{padding:.5rem 0}.nav-links{text-align:left;border:1px solid var(--glass-border);z-index:101;background:#0a1020f5;border-radius:0 0 0 12px;flex-direction:column;gap:2.5rem;width:160px;margin-top:0;padding:1.5rem;display:none;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #00000080}.nav-links.active{display:flex}.nav-logo{font-size:1.5rem}.nav-links a{cursor:pointer;width:100%;font-size:.95rem;display:block}.container,.full-container{padding:0 1rem}}@media (width<=480px){html,body{font-size:15.5px}.nav-links{gap:.8rem}.nav-links a{font-size:.85rem}}