body{margin:0;font-family:Arial,sans-serif;background:#111;color:#fff;text-align:center}
.hero{min-height:100vh;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));display:flex;align-items:center;justify-content:center}
.logo{width:220px;border-radius:50%;margin-bottom:20px}
h1{font-size:3rem}
.buttons{margin-top:20px}
.btn{display:inline-block;padding:14px 24px;margin:5px;background:#333;color:#fff;text-decoration:none;border-radius:8px}
.primary{background:#19a15f}
section{padding:60px 20px}
.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.card{max-width:300px;background:#1d1d1d;padding:20px;border-radius:10px}
footer{padding:20px;background:#000}