:root{
  --bg:#050816;
  --bg2:#0b1026;
  --panel:#11172a;
  --panel2:#1a2140;

  --primary:#4f7cff;
  --secondary:#8b5cf6;
  --accent:#d946ef;

  --text:#ffffff;
  --text-soft:#cbd5e1;
  --border:rgba(255,255,255,.08);
}

body{
  background:var(--bg);
  color:var(--text);
  text-rendering:optimizeLegibility;
}

header{
  background:#071020;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.hero{
  background:
  radial-gradient(circle at 20% 20%,rgba(79,124,255,.18),transparent 25%),
  radial-gradient(circle at 80% 20%,rgba(217,70,239,.18),transparent 25%),
  linear-gradient(135deg,#050816,#0b1026,#11172a);
}

.card{
  background:#11172a;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.btn-primary{
  background:linear-gradient(
  90deg,
  #4f7cff,
  #8b5cf6,
  #d946ef
  );
  color:#fff;
  border:none;
  border-radius:14px;
  transition:.3s;
}

.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(168,85,247,.35);
}

.btn-whatsapp{
  background:#22c55e;
  color:#fff;
  border:none;
  border-radius:14px;
}

.btn-whatsapp:hover{
  background:#16a34a;
}

.section-title{
  color:#fff;
}

.section-subtitle{
  color:#cbd5e1;
}

.feature-card{
  background:#11172a;
  border:1px solid rgba(255,255,255,.08);
}

.price-card{
  background:#11172a;
  border:1px solid rgba(79,124,255,.25);
}

footer{
  background:#030712;
  color:#cbd5e1;
}