html{scroll-behavior:smooth}body{margin:0;padding:0}.page{min-height:100vh;background:radial-gradient(circle at 30% 30%,#111827 0,#0b0f19 60%);color:#e5e7eb;flex-direction:column;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden;padding-top:100px}.navbar,.page{display:flex;align-items:center}.navbar{position:fixed;top:0;width:100%;padding:20px 60px;justify-content:space-between;background:rgba(11,15,25,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.05);transition:all .3s ease;z-index:1000}.navbarScrolled{padding:14px 60px;background:rgba(11,15,25,.85);border-bottom:1px solid hsla(0,0%,100%,.08)}.logo{font-weight:700;font-size:1.2rem;letter-spacing:1px}.navRight{display:flex;align-items:center;gap:40px}.links{display:flex;gap:30px}.links a{position:relative;text-decoration:none;color:#9ca3af;font-weight:500;transition:color .3s}.links a:hover{color:#fff}.links a:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.links a:hover:after{width:100%}.navButton{padding:10px 20px;border-radius:8px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease}.navButton:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(124,58,237,.6)}.hero{max-width:900px;margin-top:120px;padding:0 20px}.title{font-size:4rem;font-weight:700;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle,.title{margin-bottom:20px}.subtitle{font-size:2.2rem;font-weight:600}.description{font-size:1.2rem;color:#9ca3af;line-height:1.6;margin-bottom:40px}.buttonContainer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.primaryButton,.secondaryButton{padding:14px 28px;border-radius:10px;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s ease}.primaryButton{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff}.primaryButton:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(99,102,241,.6)}.secondaryButton{background:transparent;border:1px solid #4b5563;color:#fff}.secondaryButton:hover{border-color:#7c3aed}.contact,.products,.services,.vision{padding:110px 40px}.sectionTitle{font-size:3rem;font-weight:700;margin-bottom:60px}.cardContainer{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.card{width:300px;padding:30px;border-radius:20px;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);transition:.3s}.card:hover{transform:translateY(-5px);border-color:rgba(124,58,237,.6)}.serviceGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px}.serviceCard{padding:30px;border-radius:20px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);transition:.3s ease}.serviceCard:hover{transform:translateY(-5px);border-color:rgba(59,130,246,.5)}.visionTitle{font-size:2.8rem;font-weight:700;margin-bottom:40px;background:linear-gradient(90deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.visionText{font-size:1.2rem;line-height:1.8;color:#9ca3af;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.contactContainer{display:flex;justify-content:space-between;gap:80px;flex-wrap:wrap;margin-top:60px}.contactInfo{max-width:450px;text-align:left}.contactEmail{font-weight:600;color:#3b82f6}.contactForm{display:flex;flex-direction:column;gap:20px;width:400px}.contactForm input,.contactForm textarea{padding:14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);color:#fff;font-size:1rem;outline:none}.contactForm input:focus,.contactForm textarea:focus{border-color:#7c3aed}.contactForm button{padding:14px;border-radius:10px;border:none;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-size:1rem;cursor:pointer;transition:.3s}.contactForm button:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(124,58,237,.6)}.footer{width:100%;margin-top:100px;padding:80px 40px 40px;background:hsla(0,0%,100%,.02);border-top:1px solid hsla(0,0%,100%,.05)}.footerContainer{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:60px;text-align:left}.footerLinks a{color:#9ca3af;text-decoration:none;margin-bottom:10px;transition:.3s}.footerLinks a:hover{color:#fff}.footerBottom{text-align:center;margin-top:60px;font-size:.9rem;color:#6b7280}.fadeUp{opacity:0;transform:translateY(40px);animation:fadeUp .8s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.page:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.3) 0,transparent 70%);top:-200px;right:-200px;filter:blur(100px);animation:float 10s ease-in-out infinite alternate}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(40px)}}@media (max-width:1024px){.servicesGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.navbar{padding:20px}.navRight{gap:20px}.links{display:none}.title{font-size:2.8rem}.subtitle{font-size:1.6rem}.contactContainer{flex-direction:column}.contactForm{width:100%}.footerContainer{flex-direction:column;text-align:center}.serviceSplit{grid-template-columns:1fr}.contactInfo{text-align:center;margin:0 auto}}@media (max-width:768px){.serviceGrid,.servicesGrid{grid-template-columns:1fr}.contact,.products,.services,.vision{padding:60px 20px}.title{font-size:2.2rem}.subtitle{font-size:1.4rem}.sectionTitle{font-size:2rem!important;margin-bottom:40px!important}.visionTitle{font-size:2rem}.card{width:100%}}@media (max-width:480px){.title{font-size:1.8rem}.servicePage{padding:40px 15px}.page{padding-top:80px}.featureGrid{grid-template-columns:1fr}}