@import url('[https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap](https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap)');

body { margin: 0; font-family: 'Inter', sans-serif; background: #f8fafc; color: #333; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Header */
.site-header { background: white; border-bottom: 1px solid #eee; padding: 15px 0; }
.site-header .container { display: flex; justify-content: space-between; items-align: center; }
.logo { font-weight: 800; font-size: 24px; color: #ef4444; }
.logo span { color: #1e293b; }
nav a { text-decoration: none; color: #64748b; margin-left: 20px; font-weight: 500; }
.btn-login { background: #1e293b; color: white; padding: 8px 16px; border-radius: 6px; }

/* Manşet Slider */
.manset-container { position: relative; max-width: 1200px; margin: 20px auto; height: 500px; border-radius: 12px; overflow: hidden; }
.slide { position: absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.5s; display: flex; align-items: flex-end; }
.slide.active { opacity: 1; }
.slide-content { width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 40px; color: white; }
.category-badge { background: #ef4444; padding: 5px 10px; font-size: 12px; font-weight: bold; border-radius: 4px; text-transform: uppercase; }
.slide-content h2 { font-size: 32px; margin-top: 10px; }
.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.2); border: none; color: white; padding: 15px; cursor: pointer; font-size: 24px; border-radius: 50%; }
.slider-btn:hover { background: rgba(255,255,255,0.4); }
.prev { left: 20px; }
.next { right: 20px; }

/* Haber Grid */
.section-title { font-size: 24px; border-left: 5px solid #ef4444; padding-left: 15px; margin: 40px 0 20px; }
.news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; padding-bottom: 50px; }
.news-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.2s; }
.news-card:hover { transform: translateY(-5px); }
.news-card img { width: 100%; height: 200px; object-fit: cover; }
.card-body { padding: 20px; }
.card-body .cat { color: #ef4444; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.card-body h4 { margin: 10px 0; font-size: 18px; }
.read-more { display: block; margin-top: 15px; color: #ef4444; text-decoration: none; font-weight: 600; }