:root{
  --neonCyan:#00E5FF;
  --electricBlue:#2979FF;
  --pinkGlow:#FF2D95;
  --deepNavy:#0A1020;
  --text: #FFFFFF;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--deepNavy);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.page{
  min-height:100vh;
  background:
   radial-gradient(800px 300px at 15% 10%, rgba(0,229,255,0.15), transparent 60%),
   radial-gradient(800px 300px at 85% 90%, rgba(255,45,149,0.15), transparent 60%);
}
.hero{max-width:1000px;margin:0 auto;padding:64px 24px 32px}
.hero.compact{padding-top:48px}
.badge{
  display:inline-block;padding:6px 10px;border:1px solid #ffffff28;border-radius:14px;
  background:#ffffff10;backdrop-filter:blur(6px);font-size:12px;letter-spacing:.08em
}
h1{font-size:48px;line-height:1.05;margin:16px 0 8px}
.tag{opacity:.8;max-width:720px}
.cta-row{display:flex;gap:12px;margin:22px 0 30px;flex-wrap:wrap}
.btn{
  border:1px solid #ffffff22;background:#ffffff10;color:#fff;padding:12px 18px;border-radius:12px;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.2s box-shadow,.2s transform;
}
.btn:hover{box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--neonCyan),var(--pinkGlow));border:none}
.btn.ghost{background:#ffffff08}
.btn.block{display:block;width:100%;max-width:520px;margin:0 auto 12px}
.btn.tiny{padding:8px 12px;font-size:14px;border-radius:10px}
.card-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:14px;margin-top:12px}
@media(min-width:900px){.card-grid{grid-template-columns:repeat(3,1fr)}}
.card{
  position:relative;padding:18px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff0f;
  box-shadow:0 5px 24px rgba(0,0,0,.25);
}
.card:before{
  content:\"\";position:absolute;inset:0;border-radius:16px;opacity:0;transition:.25s;
  background:
    radial-gradient(400px 120px at 20% 10%, #00E5FF33, transparent),
    radial-gradient(400px 120px at 80% 90%, #FF2D9533, transparent);
}
.card:hover:before{opacity:1}
.card h3{margin:0 0 6px;font-size:20px}
.card .teaser{margin-left:8px;opacity:.6;font-size:12px;vertical-align:super}
.card p{opacity:.8;margin:0 0 12px}
.footer{max-width:1000px;margin:20px auto 64px;padding:0 24px}
.footer .logo{width:36px;height:36px;opacity:.9;margin-bottom:8px}
.footer .links{display:flex;gap:14px;flex-wrap:wrap}
.footer .links a{color:#fff;text-decoration:none;opacity:.9}
.footer .links a:hover{text-decoration:underline}
.footer .legal{opacity:.6;margin-top:10px;font-size:12px;max-width:900px}
.links .stack{margin-top:20px}