body{margin:0;background:#0d0d0d;color:#fff;font-family:Arial,sans-serif;line-height:1.6}
.hero{text-align:center;padding:60px 20px}
.logo{max-width:280px;width:80%;margin-bottom:20px}
h1,h2,.area{color:#d8b4ff}
.tagline{font-size:1.2rem}
.buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:25px}
.btn{background:#c084fc;color:#000;text-decoration:none;padding:14px 22px;border-radius:30px;font-weight:bold}
section{max-width:1000px;margin:auto;padding:40px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.card{background:#1a1a1a;border:1px solid #c084fc;padding:20px;border-radius:12px;text-align:center}
ul{max-width:600px;margin:auto}
footer{text-align:center;padding:30px;border-top:1px solid #c084fc}