:root{ --brand:#2dd4bf; }
*{ box-sizing:border-box } body{ font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif }
.text-brand{ color:var(--brand) } .glass{ backdrop-filter: blur(10px); background: rgba(255,255,255,.06) }
.nv-header{ max-width:80rem; margin:0 auto; padding:1rem 1.5rem; display:flex; align-items:center; justify-content:space-between }
.nv-brand{ display:flex; align-items:center; gap:.6rem; font-weight:700 } .nv-nav{ display:flex; gap:1rem }
.nv-nav a{ color:#cbd5e1 } .nv-nav a:hover, .nv-nav a.active{ color:white }
.nv-cta{ padding:.5rem .9rem; border-radius:.7rem; background:rgba(255,255,255,.08) }
.nv-footer{ border-top:1px solid rgba(255,255,255,.08); padding:1rem 1.5rem; max-width:80rem; margin:0 auto; display:flex; align-items:center; justify-content:space-between; color:#94a3b8 }
.btn{ display:inline-flex; align-items:center; gap:.5rem; padding:.75rem 1.1rem; border-radius:.9rem; font-weight:600 }
.btn-primary{ background:var(--brand); color:#0b1220; box-shadow:0 8px 30px rgba(45,212,191,.25) }
.btn-ghost{ background:rgba(255,255,255,.08); color:white } .btn-soft{ background:rgba(255,255,255,.12); color:white }
.input{ width:100%; padding:.75rem 1rem; border-radius:.9rem; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:white }
.card{ border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); border-radius:1.2rem; padding:1rem }
.card-title{ font-weight:700; margin-bottom:.35rem } .card-text{ color:#cbd5e1 }
.nv-gradient{ background: radial-gradient(800px 400px at 80% -10%, rgba(45,212,191,.12), transparent), radial-gradient(700px 500px at -10% 10%, rgba(45,212,191,.10), transparent), #0b1020 }