:root{
  --bg:#07070b;
  --card:#0e0f18cc;
  --text:#f2f4ff;
  --muted:#b7bbd6;
  --neon1:#00e5ff;
  --neon2:#ff3dff;
}

*{ box-sizing:border-box; }
body{
  margin:0;
  color:var(--text);
  background: var(--bg);
  font-family: Arial, Helvetica, sans-serif;
}

.hero{
  text-align:center;
  padding:4rem 1rem;
}

.badge{
  letter-spacing:.14em;
  font-size:.75rem;
  color:var(--muted);
}

.container{
  width:min(980px,92vw);
  margin:auto;
}

.card{
  background:var(--card);
  border-radius:16px;
  padding:1.25rem;
}

.grid{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

.session{
  background:#15172a;
  border-radius:14px;
  padding:1rem;
}

.btn{
  display:inline-block;
  margin-top:.5rem;
  padding:.55rem .9rem;
  border-radius:999px;
  background:linear-gradient(90deg,var(--neon1),var(--neon2));
  color:#001018;
  font-weight:700;
  text-decoration:none;
}

.footer{
  text-align:center;
  padding:1.5rem;
  color:#777;
}