body{margin:0;background:#05010b;color:#fff;font-family:Arial,sans-serif}
img{display:block;width:100%}
.hero{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#ff2aa3,#7b2cff)}
.hero h1{font-size:64px;margin:0}
.hero p{font-size:24px}
.buttons{margin-top:25px}
.btn{display:inline-block;margin:8px;padding:14px 24px;background:#ff2aa3;border-radius:40px;color:#fff;text-decoration:none;font-weight:bold}
.wrap{max-width:1200px;margin:auto;padding:40px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{padding:22px;border:2px solid #ff2aa3;border-radius:18px;background:#12041d}
footer{text-align:center;padding:30px}