*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#1f2937;background:#fff}.hero{margin-top:72px;min-height:calc(100vh - 72px);display:flex;align-items:center;background:linear-gradient(135deg,#e8f4f8,#d4eef5,#c5e8f0,#f0f7fa 60%,#fff);position:relative;overflow:hidden}.network-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fade-overlay{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.5) 30%,rgba(255,255,255,.9) 70%,rgb(255,255,255) 100%);pointer-events:none;z-index:2}.blur-spots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.blur-spot{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3}.blur-spot:nth-child(1){width:200px;height:200px;background:#4a9ab5;top:20%;left:10%;animation:float1 8s ease-in-out infinite}.blur-spot:nth-child(2){width:150px;height:150px;background:#5ba3b8;top:60%;left:5%;animation:float2 10s ease-in-out infinite}.blur-spot:nth-child(3){width:180px;height:180px;background:#6aacbc;top:40%;left:25%;animation:float3 12s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-15px,25px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(25px,15px)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-container{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:4rem;align-items:center;position:relative;z-index:10}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;border:2px solid transparent}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 10px 20px #2563eb4d}.btn-secondary{background:#fff;color:#2563eb;border-color:#2563eb}.btn-secondary:hover{background:#dbeafe;transform:translateY(-2px)}.about{padding:5rem 2rem;background:#f9fafb}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;color:#1f2937}.section-header p{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-icon{width:60px;height:60px;background:#dbeafe;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;color:#1f2937}.feature-card p{color:#6b7280;line-height:1.6;text-align:justify}.activities{padding:5rem 2rem;background:#fff}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.activity-card{position:relative;border-radius:16px;overflow:hidden;background:#f9fafb;transition:transform .3s ease;display:flex;flex-direction:column;height:100%}.activity-card:hover{transform:scale(1.02)}.activity-header{height:200px;background:linear-gradient(135deg,#2563eb,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;flex-shrink:0}.activity-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.activity-content h3{font-size:1.5rem;margin-bottom:.75rem;color:#1f2937}.activity-content p{color:#6b7280;margin-bottom:1.5rem;text-align:justify}.activity-content .btn,.activity-content .activity-link{margin-top:auto;align-self:flex-start}.activity-link{color:#2563eb;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease}.activity-link:hover{gap:1rem}.contact{padding:5rem 2rem;background:#f9fafb}.contact-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #00000014}.contact-form{display:grid;gap:1.5rem}.form-group{display:grid;gap:.5rem}.form-group label{font-weight:600;color:#1f2937}.form-group input,.form-group textarea{padding:.875rem;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb}.form-group textarea{resize:vertical;min-height:120px}@media(max-width:768px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.5rem}.hero-buttons{justify-content:center}}.monitoring-section{padding:3rem 0;background:#f9fafb;overflow:hidden;position:relative;border:none}.scroller-container{max-width:1200px;margin:0 auto;position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.scroller-track{display:flex;gap:3rem;width:max-content;animation:scroll 30s linear infinite;padding:1rem 0}.tech-item{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#1f2937;font-size:1.25rem;white-space:nowrap;opacity:.7;transition:opacity .3s}.tech-item:hover{opacity:1;color:#2563eb}.tech-logo-placeholder{height:30px;width:30px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;border-radius:6px;background:#dbeafe;color:#2563eb}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}.tech-logo{width:30px;height:30px;object-fit:contain}.activity-header img{width:100%;height:100%;object-fit:cover}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);cursor:pointer;z-index:20;opacity:.6;transition:opacity .3s ease;animation:bounce 2s infinite;color:#2563eb}.scroll-indicator:hover{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}