:root{--color-bg: #0a0a0a;--color-text: #ffffff;--color-primary: #00ff88;--color-secondary: #00ccff;--color-accent: #ff0055;--font-main: "Inter", system-ui, sans-serif;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all var(--transition-speed) ease;background:transparent}.header.scrolled{background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 5%;box-shadow:0 4px 30px #0000001a;border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-size:1.8rem;font-weight:800;letter-spacing:2px;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}nav ul{display:flex;list-style:none;gap:2rem;align-items:center}nav a{font-weight:500;position:relative;transition:color var(--transition-speed)}nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-secondary);transition:width var(--transition-speed)}nav a:hover{color:var(--color-primary)}nav a:hover:after{width:100%}.cta-button{padding:.6rem 1.5rem;background:linear-gradient(45deg,var(--color-secondary),var(--color-primary));color:#000;border-radius:50px;font-weight:600;transition:transform var(--transition-speed)}.cta-button:hover{transform:translateY(-2px);color:#000}.cta-button:after{display:none}.hero{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 5%}.hero-content{z-index:2;text-align:center;max-width:800px}.hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800}.highlight{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:1.5rem;color:var(--color-secondary);margin-bottom:1rem;font-weight:600}.description{font-size:1.1rem;color:#fffc;margin-bottom:2.5rem;line-height:1.6}.hero-buttons{display:flex;gap:1.5rem;justify-content:center}.primary-btn,.secondary-btn{padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all var(--transition-speed)}.primary-btn{background:var(--color-primary);color:#000}.primary-btn:hover{box-shadow:0 0 20px #00ff8880;transform:scale(1.05)}.secondary-btn{background:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary)}.secondary-btn:hover{background:#00ccff1a;transform:scale(1.05)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.shape{position:absolute;border-radius:50%;filter:blur(80px)}.shape-1{width:400px;height:400px;background:var(--color-primary);top:-100px;left:-100px;opacity:.2;animation:float 10s infinite alternate}.shape-2{width:600px;height:600px;background:var(--color-secondary);bottom:-150px;right:-150px;opacity:.15;animation:float 15s infinite alternate-reverse}.shape-3{width:300px;height:300px;background:var(--color-accent);top:40%;left:50%;transform:translate(-50%,-50%);opacity:.1;animation:pulse 8s infinite}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,30px)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}to{transform:translate(-50%,-50%) scale(1);opacity:.1}}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero-buttons{flex-direction:column}}.about-section{padding:6rem 5%;background-color:var(--color-bg);position:relative}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;position:relative;color:#fff}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--color-primary);margin:1rem auto 0;border-radius:2px}.about-content{display:flex;justify-content:center}.about-text{max-width:800px;text-align:center;font-size:1.1rem;line-height:1.8;color:#fffc}.about-text p{margin-bottom:2rem}.highlight-text{color:var(--color-secondary);font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.stat-item{padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px);background:#ffffff0d}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--color-primary);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}}.products-section{padding:6rem 5%;background-color:#0d0d0d}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.product-card:hover{transform:translateY(-10px);background:#ffffff0d;box-shadow:0 10px 30px #0000004d}.product-card:hover:before{transform:scaleX(1)}.product-icon{font-size:3rem;margin-bottom:1.5rem}.product-card h3{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.product-tagline{font-size:.9rem;color:var(--color-secondary);font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.product-card p{color:#ffffffb3;margin-bottom:2rem;line-height:1.6}.learn-more{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease}.learn-more:hover{gap:1rem;color:var(--color-primary)}.services-section{padding:6rem 5%;background-color:var(--color-bg)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{padding:2rem;border-radius:16px;background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ff881a;border-color:#0f83}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.service-card p{color:#ffffffb3;margin-bottom:1.5rem;font-size:1rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.8rem;padding:.3rem .8rem;background:#ffffff1a;border-radius:50px;color:#fffc;transition:background .3s ease}.service-card:hover .tag{background:#00ff881a;color:var(--color-primary)}.features-section{padding:4rem 5%;background-color:#050505;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;text-align:center}.feature-item{padding:1rem}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block;padding:1rem;background:#ffffff08;border-radius:50%;margin-bottom:1.5rem}.feature-item h3{font-size:1.2rem;margin-bottom:.5rem;color:#fff}.feature-item p{font-size:.95rem;color:#fff9;line-height:1.5}.footer{background-color:#000;padding:4rem 5% 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}.footer-brand h2{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-brand p{color:#fff9}.footer h3{color:#fff;font-size:1.2rem;margin-bottom:1.5rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#ffffffb3;transition:color .3s ease}.footer-links a:hover{color:var(--color-primary)}.footer-contact .contact-item{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem;color:#fffc}.email-group{display:flex;flex-direction:column;gap:.3rem}.footer-contact a{transition:color .3s ease}.footer-contact a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);color:#fff6;font-size:.9rem}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-contact .contact-item{justify-content:center}}.app{min-height:100vh}