body{margin:0;font-family:Arial,sans-serif;background:#0d1117;color:#fff}
.hero{text-align:center;padding:40px 20px}.logo{max-width:220px;width:220px;height:220px;border-radius:50%;object-fit:cover;border:4px solid #D4AF37;box-shadow:0 10px 30px rgba(0, 0,0,0.4);display:block; margin:0 auto 20px auto;}
h1{color:#d4af37}.buttons{display:grid;gap:12px;max-width:340px;margin:30px auto}
.btn{padding:14px;border-radius:14px;text-decoration:none;background:#222;color:#fff}
.gold{background:#d4af37;color:#111}.wa{background:#25D366}.ig{background:#833AB4}
section{padding:20px;max-width:800px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card{background:#161b22;padding:20px;border-radius:14px}footer{text-align:center;padding:30px;color:#aaa}