/* Reset & basics */
body, h1, h2, h3, p, ul { margin:0; padding:0; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.6; color:#333; background:#f9f9f9; }
.container { max-width: 1000px; margin:auto; padding:20px; }

/* Header */
header { background:#1f2937; color:#fff; padding:20px 0; text-align:center; }
header a { color:#10b981; text-decoration:none; }
nav { margin-top:10px; }
nav a { margin:0 15px; font-weight:bold; }

/* Hero */
.hero { background:#10b981; color:#fff; padding:60px 20px; text-align:center; border-radius:8px; margin-bottom:40px; }
.hero .btn { display:inline-block; padding:10px 25px; background:#fff; color:#10b981; border-radius:5px; font-weight:bold; text-decoration:none; margin-top:15px; }

/* Cards */
.cards { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.card { background:#fff; border-radius:8px; padding:20px; width:280px; box-shadow:0 4px 10px rgba(0,0,0,0.1); transition:transform 0.2s; }
.card:hover { transform: translateY(-5px); }
.card a { color:#10b981; text-decoration:none; font-weight:bold; }

/* CTA */
.cta { background:#e0f7f2; padding:40px 20px; text-align:center; border-radius:8px; }
.cta .btn { background:#1f2937; color:#fff; }

/* Footer */
footer { text-align:center; padding:20px; color:#777; font-size:14px; }
footer a { color:#10b981; }

/* Responsive */
@media(max-width:768px){ .cards { flex-direction:column; align-items:center; } }