/*
Theme Name: Fen ile Yaşam
Version: 1.0
*/

body{margin:0;font-family:Arial;background:#f1f5f9;color:#111827}
header{background:linear-gradient(90deg,#06b6d4,#2563eb,#10b981);padding:18px}
.container{width:92%;max-width:1200px;margin:auto}
.hero{height:340px;position:relative;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover}
.overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}
.hero-text{position:absolute;bottom:30px;left:30px;color:white}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}
.card{background:white;border-radius:24px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.card img{width:100%;height:220px;object-fit:cover}
.card-content{padding:24px}
.about{display:grid;grid-template-columns:1fr 2fr;gap:40px;background:white;padding:40px;border-radius:30px;margin:60px 0}
.about img{width:100%;height:420px;object-fit:cover;border-radius:24px}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin:50px 0}
.tag{background:#ecfeff;padding:10px 18px;border-radius:999px}
footer{background:linear-gradient(90deg,#06b6d4,#2563eb,#10b981);padding:30px;color:white;text-align:center;margin-top:60px}
@media(max-width:768px){.about{grid-template-columns:1fr}}