:root{
  --bg:#050716;
  --stroke:rgba(255,255,255,.12);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.70);
  --cyan:#4dd6ff;
  --violet:#b155ff;
  --glow: 0 0 26px rgba(77,214,255,.20), 0 0 44px rgba(177,85,255,.14);
}
*{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body{
  background:
    radial-gradient(1200px 700px at 20% 10%, rgba(77,214,255,.18), transparent 60%),
    radial-gradient(1100px 650px at 85% 25%, rgba(177,85,255,.16), transparent 58%),
    radial-gradient(900px 700px at 50% 95%, rgba(77,214,255,.10), transparent 55%),
    var(--bg);
  color:var(--text);
}
a{color:inherit; text-decoration:none}
a:hover{opacity:.92}
.nav-blur{backdrop-filter: blur(10px); background: rgba(5,7,22,.55); border-bottom: 1px solid var(--stroke);}
.brand-dot{background: linear-gradient(90deg,var(--cyan),var(--violet)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.pill{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.04);
  padding:.35rem .75rem;
  border-radius:999px;
  color:var(--muted);
  font-size:.9rem;
  white-space:nowrap;
}
.btn-glow{
  border:none;
  background: linear-gradient(90deg,var(--cyan),var(--violet));
  color:#081026;
  font-weight:800;
  box-shadow: var(--glow);
}
.btn-ghost{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  color:var(--text);
  font-weight:700;
}
.hero{
  padding: 5.2rem 0 3.4rem;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute; inset:-2px;
  background: linear-gradient(120deg, rgba(77,214,255,.12), rgba(177,85,255,.10), transparent 60%);
  filter: blur(18px);
  opacity:.9;
  pointer-events:none;
}
.glass{
  border:1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: var(--glow);
  border-radius: 22px;
}
.section{padding: 4.2rem 0;}
.small-muted{color:var(--muted); font-size:.95rem}
.badge-soft{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  border-radius: 999px;
  padding: .35rem .75rem;
  color: var(--muted);
  font-size:.9rem;
}
.img-soft{
  border:1px solid var(--stroke);
  border-radius: 18px;
  width:100%;
  height:auto;
  box-shadow: 0 10px 35px rgba(0,0,0,.35);
}
.cardx{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  overflow:hidden;
  height:100%;
}
.cardx .p{padding:1.15rem}
.icon{
  width:42px; height:42px;
  display:grid; place-items:center;
  border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid var(--stroke);
  box-shadow: var(--glow);
  font-weight:800;
}
.divider{border-top:1px solid var(--stroke);}
.cta-strip{
  border:1px solid var(--stroke);
  background: linear-gradient(90deg, rgba(77,214,255,.10), rgba(177,85,255,.10));
  border-radius: 22px;
  padding: 1.1rem 1.2rem;
  box-shadow: var(--glow);
}
.form-control, .form-select{
  background: rgba(255,255,255,.03);
  border: 1px solid var(--stroke);
  color: var(--text);
  padding: .85rem 1rem;
  border-radius: 14px;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(77,214,255,.60);
  box-shadow: 0 0 0 .2rem rgba(77,214,255,.12);
  background: rgba(255,255,255,.04);
  color: var(--text);
}
.footer{border-top:1px solid var(--stroke); padding:2rem 0; color:var(--muted);}