:root{--primary-color: #2563eb;--secondary-color: #1e40af;--accent-color: #3b82f6;--dark-color: #1f2937;--light-color: #f9fafb;--text-color: #374151;--text-light: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--light-color)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.header{height:80px;background-color:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;width:100%;top:0;z-index:1000;padding:1rem 0}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}nav ul{display:flex;list-style:none}nav ul li{margin-left:2rem}nav ul li a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s}nav ul li a:hover{color:var(--primary-color)}.hero-wrapper{position:relative;min-height:100vh;overflow:hidden}.bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.1;animation:gradientShift 10s ease-in-out infinite alternate}@keyframes gradientShift{0%{transform:translate(-10px) translateY(-10px)}to{transform:translate(10px) translateY(10px)}}.particles-container{position:absolute;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;border-radius:50%;filter:blur(.5px)}.mouse-light{position:fixed;width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:1}.hero{position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;display:flex;align-items:center;padding-top:80px;z-index:2}.hero-container{display:flex;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:0 40px;position:relative}.hero-content{flex:1;z-index:3}.hero-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:8px 20px;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:24px;box-shadow:0 4px 20px #3b82f64d}.hero-title{font-size:4rem;line-height:1.1;color:#1e293b;margin-bottom:24px;font-weight:800}.highlight{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-subtitle{font-size:1.25rem;color:#64748b;max-width:600px;margin-bottom:40px;line-height:1.6}.hero-buttons{display:flex;gap:20px;margin-bottom:60px}.cta-button{padding:16px 32px;border-radius:12px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.cta-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 8px 32px #3b82f64d}.cta-button.secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6;box-shadow:0 8px 32px #3b82f61a}.stats-container{display:flex;gap:60px}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#3b82f6;line-height:1}.stat-label{display:block;font-size:.875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:8px}.hero-visual{flex:1;position:relative;height:600px;display:flex;align-items:center;justify-content:center}.server-rack{background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;padding:20px;box-shadow:0 25px 50px #0003;width:300px;position:relative}.server-unit{background:linear-gradient(145deg,#374151,#4b5563);border-radius:8px;padding:12px;margin-bottom:8px;display:flex;align-items:center;gap:16px;box-shadow:inset 0 2px 4px #0003}.server-lights{display:flex;flex-direction:column;gap:4px}.server-light{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px currentColor}.server-panel{flex:1;height:40px;background:#1f2937;border-radius:4px;padding:8px;position:relative;overflow:hidden}.panel-lines{display:flex;flex-direction:column;gap:2px;height:100%}.panel-line{height:2px;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:1px;box-shadow:0 0 4px currentColor}.floating-icons{position:absolute;inset:0;pointer-events:none}.floating-icon{position:absolute;font-size:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.data-flow{position:absolute;inset:0;pointer-events:none}.flow-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);border-radius:1px;box-shadow:0 0 6px #3b82f6}.network-globe{position:absolute;top:50%;right:-100px;transform:translateY(-50%);width:200px;height:200px}.globe-ring{position:absolute;border:2px solid;border-radius:50%;opacity:.3}.ring-1{width:200px;height:200px;border-color:#3b82f6;animation:pulse 4s ease-in-out infinite}.ring-2{width:150px;height:150px;top:25px;left:25px;border-color:#10b981;animation:pulse 3s ease-in-out infinite 1s}.ring-3{width:100px;height:100px;top:50px;left:50px;border-color:#f59e0b;animation:pulse 2s ease-in-out infinite 2s}.globe-core{position:absolute;width:20px;height:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #3b82f6}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}@media (max-width: 1024px){.hero-container{flex-direction:column;padding:40px 24px;text-align:center}.hero-title{font-size:3rem}.hero-visual{height:400px;margin-top:40px}.server-rack{width:250px}.stats-container{justify-content:center;gap:40px}.network-globe{right:-50px;width:150px;height:150px}.ring-1{width:150px;height:150px}.ring-2{width:112px;height:112px;top:19px;left:19px}.ring-3{width:75px;height:75px;top:37px;left:37px}}@media (max-width: 768px){.hero-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}.stats-container{gap:30px}.stat-number{font-size:2rem}}.services-section,.web-services-section{padding:5rem 0}.services-section{background-color:#fff}.web-services-section{background-color:#f8fafc}h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--dark-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 5px 15px #0000000d;transition:all .3s}.web-services-section .service-card{background:#fff}.service-icon{width:80px;height:80px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background:#e0e7ff;border-radius:50%}.service-icon img{width:48px;height:48px}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark-color)}.service-card p{color:var(--text-light)}.about-section{padding:5rem 0;background:#f8fafc}.about-section .container{display:flex;align-items:center;gap:3rem}.about-content{flex:1}.about-content h2{font-size:2.5rem;margin-bottom:1.5rem}.about-content p{margin-bottom:2rem;color:#4b5563}.stats-grid{display:flex;gap:1.5rem;margin-top:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;text-align:center;flex:1}.stat-card h3{font-size:2rem;color:#2563eb}.about-image{flex:1;border-radius:1rem;overflow:hidden;box-shadow:0 10px 15px #0000001a}.about-image img{width:100%;height:auto;display:block}@media (max-width: 768px){.about-section .container,.stats-grid{flex-direction:column}}.contact-section{padding:5rem 0;background-color:#fff}.contact-content{display:flex;gap:3rem;align-items:flex-start}.contact-info{flex:1}.contact-info h2{text-align:left;margin-bottom:1.5rem}.contact-info p{margin-bottom:2rem;color:var(--text-light)}.contact-details p{display:flex;align-items:center;margin-bottom:1rem}.contact-details i{margin-right:1rem;color:var(--primary-color)}.contact-form{flex:1;background:#f8fafc;padding:2rem;border-radius:.5rem;box-shadow:0 5px 15px #0000000d}.form-group{display:flex;gap:1rem;margin-bottom:1rem}.form-group input{flex:1}input,textarea{width:100%;padding:.8rem 1rem;margin-bottom:1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:1rem;transition:border-color .3s}input:focus,textarea:focus{outline:none;border-color:var(--primary-color)}.submit-button{background-color:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;transition:background-color .3s}.submit-button:hover{background-color:var(--secondary-color)}.footer{background-color:var(--dark-color);color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.2rem;margin-bottom:1.5rem;color:#fff}.footer-section p,.footer-section li{color:#d1d5db;margin-bottom:.8rem}.footer-section ul{list-style:none}.footer-section a{color:#d1d5db;text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;color:#9ca3af}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.hero .container{flex-direction:column;text-align:center}.hero-image{max-width:100%;margin-top:2rem}.contact-content,.header .container{flex-direction:column}nav ul li{margin-left:1rem;margin-right:1rem}}@media (max-width: 480px){.form-group{flex-direction:column;gap:0}h1{font-size:2.2rem}h2{font-size:2rem}}.link{cursor:pointer}