html{scroll-behavior:smooth}body{margin:0;min-width:320px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #0066cc;--primary-cyan: #00d4ff;--dark-bg: #0a0e1a;--darker-bg: #050810;--card-bg: #131824;--text-primary: #ffffff;--text-secondary: #a0aec0;--accent-gradient: linear-gradient(135deg, #0066cc 0%, #00d4ff 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark-bg);color:var(--text-primary);overflow-x:hidden}.app{min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all .3s ease;background:transparent}.header.scrolled{background:#0a0e1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000004d}.logo-text{display:flex;align-items:baseline;gap:.5rem;font-weight:700;font-size:1.5rem;cursor:pointer;transition:transform .3s ease}.logo-text:hover{transform:scale(1.02)}.logo-main{color:var(--text-primary);letter-spacing:-.02em}.logo-suffix{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.app-background{position:fixed;inset:0;z-index:0;pointer-events:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(0,102,204,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,204,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#0066cc 0%,transparent 70%);top:-250px;left:-250px}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#00d4ff 0%,transparent 70%);bottom:-200px;right:-200px;animation-delay:-4s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.02em}.highlight{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-secondary);margin-bottom:3rem;line-height:1.6}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;color:#fff;background:var(--accent-gradient);border:none;border-radius:50px;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 30px #0066cc4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #06c6}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(5px)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin-bottom:4rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services{padding:8rem 0;position:relative;z-index:1}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:var(--card-bg);padding:2.5rem;border-radius:20px;border:1px solid rgba(0,102,204,.2);transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-5px);border-color:#00d4ff66;box-shadow:0 20px 40px #06c3}.service-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#0066cc1a;border-radius:16px;margin-bottom:1.5rem;color:var(--primary-cyan)}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);line-height:1.6}.about{padding:8rem 0;position:relative;z-index:1}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.about-text strong{color:var(--primary-cyan)}.company-info{margin-top:2rem;padding:2rem;background:var(--card-bg);border-radius:16px;border:1px solid rgba(0,102,204,.2)}.info-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-weight:600}.info-value{color:var(--text-primary)}.visual-card{background:var(--card-bg);padding:3rem;border-radius:24px;border:1px solid rgba(0,102,204,.2);position:relative;overflow:hidden}.visual-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,102,204,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visual-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem}.stat{text-align:center}.stat-number{font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:1rem}.contact{padding:8rem 0;position:relative;z-index:1}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.contact-card{background:var(--card-bg);padding:2.5rem;border-radius:20px;border:1px solid rgba(0,102,204,.2);text-align:center;transition:all .3s ease}.contact-card:hover{transform:translateY(-5px);border-color:#00d4ff66;box-shadow:0 20px 40px #06c3}.contact-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#0066cc1a;border-radius:50%;margin:0 auto 1.5rem;color:var(--primary-cyan)}.contact-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.contact-card p{color:var(--text-secondary);line-height:1.8}.footer{padding:3rem 0;border-top:1px solid rgba(0,102,204,.2);position:relative;z-index:1}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-logo img{height:60px}.footer-text{text-align:right}.footer-text p{color:var(--text-secondary);margin:.5rem 0}@media(max-width:768px){.container{padding:0 1.5rem}.about-content{grid-template-columns:1fr;gap:3rem}.footer-content{flex-direction:column;text-align:center}.footer-text{text-align:center}.services-grid,.contact-grid{grid-template-columns:1fr}}