:root{
  --bg:#0b1220;--bg2:#101a2e;--card:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.12);--text:#eaf1ff;--muted:#b7c2d6;
  --accent:#7dd3fc;--accent2:#a78bfa;--shadow:0 10px 25px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
body{background:
  radial-gradient(1200px 800px at 20% -10%, rgba(124,58,237,.25), transparent 60%),
  radial-gradient(900px 700px at 80% 10%, rgba(14,165,233,.22), transparent 55%),
  linear-gradient(180deg,var(--bg),var(--bg2))}
.wrap{max-width:980px;margin:48px auto;padding:0 20px}
.hero{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.brand{display:flex;align-items:center;gap:12px}
h1{margin:0;font-size:26px}
.tagline{color:var(--muted);margin:6px 0 0}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.btn{cursor:pointer;color:#061425;background:linear-gradient(135deg,var(--accent),var(--accent2));
  border:0;padding:12px 16px;border-radius:12px;font-weight:700;
  letter-spacing:.2px;box-shadow:0 10px 20px rgba(125,211,252,.18);text-decoration:none}
.btn-secondary{color:var(--text);background:rgba(255,255,255,.06);
  border:1px solid var(--border);padding:12px 16px;border-radius:12px;text-decoration:none}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;
  padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.lead{color:var(--text);opacity:.95}
.bullets{padding-left:18px;line-height:1.8}
footer{margin:28px 0;color:var(--muted);display:flex;gap:10px;align-items:center}
footer a {
  color: #4DA6FF; /* matches your site’s accent blue */
  text-decoration: none;
  font-weight: 600;
}

footer a:hover {
  text-decoration: underline;
  color: #FF6B4A; /* coral hover color */
}