/* Body */
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #333; line-height: 1.8; background-color: #fefefe; margin:0; }

/* Hero Section */
.home-hero { text-align: center; color:#fff; padding:100px 20px; background-size:cover; background-position:center; position:relative; }
.home-hero h1{ font-size:48px; margin-bottom:20px; }
.home-hero p{ font-size:20px; margin-bottom:30px; }
.home-hero .btn{ background-color:#ff6f61; color:#fff; padding:12px 30px; border-radius:8px; text-decoration:none; }

/* Featured Posts */
.featured-posts{ display:flex; gap:20px; flex-wrap:wrap; justify-content:center; padding:60px 20px; }
.featured-posts .post-card{ background:#fff; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.1); overflow:hidden; width:300px; transition: transform 0.3s; }
.featured-posts .post-card:hover{ transform:translateY(-5px); }
.featured-posts .post-card img{ width:100%; display:block; }
.featured-posts .post-card h3{ padding:15px; font-size:20px; }
.featured-posts .post-card p{ padding:0 15px 15px; }
.featured-posts .post-card .btn{ margin:0 15px 15px; display:inline-block; background-color:#00bfff; color:#fff; padding:8px 20px; border-radius:8px; text-decoration:none; }

/* About Section */
.about-section{ display:flex; align-items:center; gap:40px; padding:60px 20px; flex-wrap:wrap; }
.about-section img{ width:100%; max-width:600px; border-radius:12px; }
.about-section .about-text{ flex:1; font-size:18px; line-height:1.7; }

/* CTA Section */
.cta-section{ text-align:center; padding:60px 20px; background-color:#fef7f0; }
.cta-section input[type="email"]{ padding:12px; border-radius:8px; border:1px solid #ddd; margin-right:10px; }
.cta-section button{ background-color:#ff6f61; color:#fff; padding:12px 25px; border-radius:8px; border:none; cursor:pointer; }

/* Footer */
.site-footer{ background-color:#333; color:#fff; padding:40px 20px; text-align:center; }
.site-footer a{ color:#ff6f61; margin:0 10px; text-decoration:none; }