*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#f1f5f9;line-height:1.5;min-height:100vh}.gradient-text{background:linear-gradient(90deg,#10b981,#06b6d4,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.radar-grid{background-image:radial-gradient(circle at center,transparent 0%,rgba(16,185,129,.1) 40%,transparent 70%),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(16,185,129,.05) 30deg,transparent 60deg)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.z-40{z-index:40}.z-10{z-index:10}.text-eco-green{color:#10b981}.text-radar-cyan{color:#06b6d4}.text-tech-blue{color:#3b82f6}.text-green-400{color:#4ade80}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.bg-slate-950{background-color:#020617}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#0f172ab3;border-bottom:1px solid #334155}.nav-container{height:4rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700}.nav-links{display:flex;gap:2rem}.nav-links a{color:#f1f5f9;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#10b981}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:4rem;position:relative}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{font-size:2rem;color:#cbd5e1}.hero-description{font-size:1.25rem;color:#94a3b8;margin:2rem 0;max-width:48rem}.btn{padding:.75rem 2rem;border-radius:9999px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:linear-gradient(90deg,#10b981,#06b6d4);color:#fff}.btn-primary:hover{box-shadow:0 10px 25px #10b98140;transform:translateY(-2px)}.btn-secondary{border:1px solid #64748b;color:#f1f5f9;background:transparent}.btn-secondary:hover{background-color:#1e293b}.card{background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #334155;border-radius:1rem;padding:1.5rem;transition:all .3s}.card:hover{border-color:#10b98180;transform:translateY(-5px)}.tech-card{background:linear-gradient(135deg,#10b98133,#10b9810d);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #334155;border-radius:1rem;padding:2rem;transition:all .3s}.tech-card:hover{transform:scale(1.05)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.section{padding:5rem 0}.section-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:3rem;max-width:48rem;margin-left:auto;margin-right:auto}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-rotate{animation:rotate 20s linear infinite}.animate-float{animation:float 2s ease-in-out infinite}.radar-circle{position:absolute;border-radius:50%;border:1px solid}.radar-circle-1{width:24rem;height:24rem;border-color:#10b98133}.radar-circle-2{width:18rem;height:18rem;border-color:#06b6d433}.radar-circle-3{width:12rem;height:12rem;border-color:#3b82f633}.modal-content h2{color:#10b981;margin-bottom:1rem}.modal-content h3{color:#06b6d4;margin-top:1.5rem;margin-bottom:.5rem}.modal-content h4{color:#3b82f6;margin-bottom:.5rem}.modal-content ul{margin:1rem 0;padding-left:1.5rem}.modal-content li{margin-bottom:.5rem;color:#cbd5e1}.modal-content a{color:#10b981;text-decoration:none}.modal-content a:hover{color:#34d399;text-decoration:underline}footer{padding:3rem 0;border-top:1px solid #334155}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.5rem}.section-title{font-size:2rem}.nav-links{display:none}}