body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#111827,#1e1b4b);color:#fff}
.wrap{max-width:1100px;margin:auto;padding:20px}
.top{background:linear-gradient(90deg,#7c3aed,#2563eb)}
nav a{color:#fff;margin-right:14px;text-decoration:none}
.hero{padding:80px 0;background:linear-gradient(135deg,#ec4899,#7c3aed,#2563eb)}
.btn{display:inline-block;padding:12px 18px;background:linear-gradient(90deg,#f59e0b,#22c55e);color:#111;text-decoration:none;border-radius:10px;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:rgba(255,255,255,.08);padding:20px;border-radius:16px;margin-bottom:20px}
h1,h2,h3{margin-top:0}