:root{
  --bg:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --line:rgba(15,23,42,.10);
  --card:#ffffff;
  --shadow:0 8px 22px rgba(15,23,42,.08);
  --grad: linear-gradient(90deg, #7c3aed, #22d3ee);
}

html,body{
  background: var(--bg);
  color: var(--ink);
}

.card{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

.btn-primary{
  background: var(--grad);
  color:#fff;
  border-radius: 14px;
}
.btn-primary:hover{ filter: brightness(1.04); }

.btn-outline{
  background:#fff;
  border:1px solid var(--line);
  color: var(--ink);
  border-radius: 14px;
}
.btn-outline:hover{ background: rgba(15,23,42,.03); }

.whatsapp-float{
  position: fixed; right: 18px; bottom: 18px; z-index: 50;
  display:flex; align-items:center; gap:10px;
  padding: 12px 14px; border-radius: 999px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}