*{box-sizing:border-box}body{margin:0;background:#0d0d0d;color:#fff;font-family:Poppins,sans-serif}
.hero{min-height:100vh;background:url('assets/hero.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative}
.overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.88))}
.inner{position:relative;text-align:center;max-width:850px;padding:24px}
h1{font-size:3.2rem;margin:0}.sub{color:#ffd3df}.tag{margin:20px auto 36px;max-width:650px}
.buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn,.cta{display:inline-block;padding:16px 28px;border-radius:40px;background:linear-gradient(135deg,#ff5d8f,#ff2f72);color:#fff;text-decoration:none;font-weight:700}
.alt{background:#222}
.card{max-width:900px;margin:60px auto;padding:34px;border-radius:24px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}
footer{text-align:center;padding:35px;color:#bbb}footer a{color:#fff}
@media(max-width:700px){h1{font-size:2.3rem}.buttons{flex-direction:column}}