:root{
--bg:#050816;--text:#fff;--surface:#0B1120;--primary:#4F46E5;
}
.light{--bg:#fff;--text:#111827;--surface:#F8FAFC;--primary:#4338CA;}
*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}
body{background:var(--bg);color:var(--text);overflow-x:hidden}
#network{position:fixed;inset:0;z-index:-1}
.nav{display:flex;justify-content:space-between;padding:20px 5%;backdrop-filter:blur(12px);position:sticky;top:0}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}
.hero h1{font-size:clamp(3rem,8vw,6rem)}
.hero p{max-width:800px;margin:20px 0}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.primary,.secondary,.cta{padding:14px 24px;border-radius:999px;text-decoration:none}
.primary,.cta{background:var(--primary);color:#fff}
.secondary{border:1px solid #666;color:var(--text)}
.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.trust span,.card{background:rgba(255,255,255,.06);backdrop-filter:blur(10px);padding:12px 18px;border-radius:16px}
section{padding:80px 5%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.card:hover{transform:translateY(-8px)}
.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}
.counter{font-size:3rem;font-weight:bold}
.form{display:grid;gap:12px;max-width:700px}
input,textarea,button{padding:14px;border-radius:12px;border:none}
button{background:var(--primary);color:white}
.whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:white;padding:14px;border-radius:999px;text-decoration:none}