:root{
  --bg:#0b1220;
  --card:#0f172a;
  --accent:#66e3ff;
  --accent-2:#7c3aed;
  --text:#e5e7eb;
  --muted:#94a3b8;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color:var(--text);
  background:radial-gradient(60rem 60rem at 10% -10%, rgba(124,58,237,.25), transparent 55%),
            radial-gradient(60rem 60rem at 90% -20%, rgba(102,227,255,.25), transparent 55%),
            var(--bg);
  line-height:1.6;
}
.navbar-blur{
  backdrop-filter:saturate(140%) blur(8px);
  background:rgba(8,12,24,.6) !important;
}
.hero{
  padding:7rem 0 5rem;
}
.hero h1{
  font-weight:800; letter-spacing:-.02em;
}
.gradient-text{
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip:text;
  color:transparent;
}
.card{
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  box-shadow:0 10px 30px rgba(0,0,0,.3);
}
.card .bi{font-size:1.6rem}
.btn-accent{
  --bs-btn-bg: var(--accent-2);
  --bs-btn-border-color: var(--accent-2);
  --bs-btn-hover-bg:#6d28d9;
  --bs-btn-hover-border-color:#6d28d9;
  --bs-btn-color:#fff;
}
.section-title{
  font-weight:800; letter-spacing:-.02em;
}
.badge-soft{
  background:rgba(124,58,237,.12);
  color:#c4b5fd;
  border:1px solid rgba(124,58,237,.35);
}
.footer{
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(5,8,16,.6);
}
.icon-blob{
  width:44px;height:44px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:12px;
  background: radial-gradient(80% 80% at 30% 20%, rgba(102,227,255,.4), rgba(124,58,237,.35));
}
.pricing .card{
  transition:transform .15s ease, box-shadow .15s ease;
}
.pricing .card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(0,0,0,.35);
}
table td, table th{color:var(--text)}
a{color:#93c5fd}
a:hover{color:#bfdbfe}
/* Responsive helpers */
img{max-width:100%; height:auto}