/* Styles for the centered hero + light polish */
.hero-wrap{padding-top:6rem;padding-bottom:4rem}
@media(min-width:768px){.hero-wrap{padding-top:7.5rem;padding-bottom:5rem}}
.hero-bg{background:radial-gradient(1200px 700px at 15% -10%, rgba(124,58,237,.45), transparent 60%), 
          radial-gradient(1100px 650px at 85% 0%, rgba(34,211,238,.35), transparent 60%),
          linear-gradient(135deg,#0b1224 0%, #3a0a3a 60%, #0b1224 100%);}
.badge{background:rgba(148,163,184,.12); border:1px solid rgba(168,85,247,.3);}
.grad-text{background:linear-gradient(90deg,#22d3ee 0%, #60a5fa 40%, #a78bfa 70%, #f0abfc 100%);
           -webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary{background:linear-gradient(90deg,#22d3ee 0%, #7c3aed 100%);}
.btn-ghost{border:2px solid rgba(148,163,184,.35);}
.card{background:rgba(2,6,23,.55);backdrop-filter:blur(8px)}