*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue:#2196f3;--dark-blue:#1565c0;--light-blue:#64b5f6;--gradient-start:#1e3c72;--gradient-end:#2a5298;--text-dark:#333;--text-light:#666;--bg-light:#f8f9fa}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden}nav{position:fixed;width:100%;top:0;background:linear-gradient( 90deg,rgba(133,173,202,.8) 0%,rgba(217,234,243,.8) 50%,rgba(255,255,255,.8) 100% );backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.1);z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{height:100%;display:flex;flex-direction:column;align-items:center;padding:.2rem 2rem}.nav-links{padding:1rem 2rem;display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:var(--primary-blue)}.nav-links a::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-blue);transition:width .3s ease}.nav-links a:hover::after{width:100%}.hero{margin-top:66.4px;min-height:100vh;background:linear-gradient( 135deg,var(--gradient-start),var(--gradient-end) );position:relative;display:flex;align-items:center;overflow:hidden}.hero::before{content:"";position:absolute;width:200%;height:200%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:drift 20s linear infinite}@keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(-50%,-50%)}}.hero-content{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1;text-align:center;color:#fff}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;animation:fadeInUp 1s ease}.hero .tagline{font-size:1.5rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp 1s ease .2s backwards}.hero-buttons{display:flex;gap:1rem;justify-content:center;animation:fadeInUp 1s ease .4s backwards}.btn{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary{background:#fff;color:var(--dark-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.btn-secondary{border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:var(--dark-blue)}.services{padding:5rem 2rem;background:var(--bg-light)}.container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark)}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:3rem;font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden}.service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-blue),var(--light-blue))}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.service-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;color:#fff}.service-card h3{margin-bottom:1rem;color:var(--text-dark);font-size:1.3rem}.service-card p{color:var(--text-light);line-height:1.8}.features{padding:5rem 2rem;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;align-items:center}.feature-content h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text-dark)}.feature-list{list-style:none}.feature-list li{padding:1rem 0;display:flex;align-items:center;gap:1rem;color:var(--text-light)}.feature-list li::before{content:"✓";display:inline-block;width:30px;height:30px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));color:#fff;text-align:center;line-height:30px;border-radius:50%;flex-shrink:0}.feature-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.network-animation{width:100%;height:100%;position:relative}.node{position:absolute;width:20px;height:20px;background:var(--primary-blue);border-radius:50%;animation:pulse 2s ease-in-out infinite}.node:nth-child(1){top:20%;left:30%;animation-delay:0s}.node:nth-child(2){top:50%;left:50%;animation-delay:.5s}.node:nth-child(3){top:80%;left:40%;animation-delay:1s}.node:nth-child(4){top:30%;left:70%;animation-delay:1.5s}.node:nth-child(5){top:60%;left:80%;animation-delay:2s}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.cta{padding:5rem 2rem;background:linear-gradient( 135deg,var(--gradient-start),var(--gradient-end) );text-align:center;color:#fff}.cta h2{font-size:2.5rem;margin-bottom:1.5rem}.cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}footer{background:#1a1a1a;color:#fff;padding:3rem 2rem 1rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{margin-bottom:1rem;color:var(--primary-blue)}.footer-section p,.footer-section ul{color:#999;line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#999;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--primary-blue)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #333;color:#666}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero .tagline{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-visual{height:300px}}