body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#020617;color:#e5e7eb}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:50;background:#020617cc;border-bottom:1px solid #111827;backdrop-filter:blur(10px)}
.top-bar{max-width:1200px;margin:0 auto;padding:.75rem 1.25rem;display:flex;gap:1rem;align-items:center;justify-content:space-between}
.logo span{font-weight:700;font-size:1.1rem}
.logo img{height:32px}
.search input{padding:.35rem .6rem;border-radius:999px;border:1px solid #1f2937;background:#020617;color:#e5e7eb;font-size:.85rem;min-width:200px}
.main-nav ul{display:flex;gap:.6rem;list-style:none;margin:0;padding:0;font-size:.85rem}
.main-nav a{padding:.25rem .75rem;border-radius:999px;background:#020617;border:1px solid transparent}
.main-nav a:hover{border-color:#1f2937}
.mobile-menu-toggle{display:none}
.site-main{max-width:1200px;margin:0 auto;padding:1.2rem 1.25rem}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;margin-bottom:1.5rem}
.hero-slider{position:relative;border-radius:18px;overflow:hidden;background:#020617;border:1px solid #111827}

/* 🔻 GÜNCEL SLIDER KISMI 🔻 */
.hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .4s;
    pointer-events:none; /* inaktifler tıklanamaz */
}
.hero-slide.active{
    position:relative;
    opacity:1;
    pointer-events:auto; /* sadece aktif slide tıklanabilir */
}
/* 🔺 GÜNCEL SLIDER KISMI 🔺 */

.hero-slide img{width:100%;height:260px;object-fit:cover}
.hero-slide-content{padding:1rem}
.hero-slide-content h2{margin:.4rem 0;font-size:1.2rem}
.hero-slide-content p{margin:.3rem 0;font-size:.9rem;color:#9ca3af}
.hero-slide .meta{display:flex;gap:1rem;font-size:.75rem;color:#9ca3af}
.hero-slider-nav{position:absolute;right:1rem;bottom:1rem;display:flex}
.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.7rem;background:rgba(59,130,246,.18);color:#bfdbfe}
.hero-sidebar{background:#020617;border-radius:18px;padding:1rem;border:1px solid #111827}
.hero-sidebar h3{margin-top:0;font-size:.95rem}
.popular-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;font-size:.85rem}
.popular-list li a{display:flex;gap:.6rem}
.popular-list img{width:70px;height:55px;object-fit:cover;border-radius:10px}
.category-shortcuts{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.3rem}
.cat-shortcut{padding:.4rem .7rem;border-radius:999px;font-size:.8rem;background:#020617;border:1px solid #1f2937}
.video-section{margin-bottom:1.5rem}
.video-layout{display:grid;grid-template-columns:2fr 1.2fr;gap:1rem}
.video-card{position:relative;border-radius:16px;overflow:hidden;background:#020617;border:1px solid #111827;display:block}
.video-card img{height:190px;object-fit:cover}
.video-card.main img{height:230px}
.play-button{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:999px;border:2px solid rgba(248,250,252,.9);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:rgba(15,23,42,.55)}
.video-info{position:absolute;left:0;right:0;bottom:0;padding:.6rem .8rem;background:linear-gradient(to top,rgba(15,23,42,.9),transparent);font-size:.85rem}
.post-list-section h2{margin-bottom:.7rem}
.post-list{display:flex;flex-direction:column;gap:1rem}
.post-item{display:grid;grid-template-columns:1.2fr 2.2fr;gap:1rem;border-radius:18px;padding:1rem;background:#020617;border:1px solid #111827}
.post-item img{border-radius:14px;height:160px;object-fit:cover}
.post-body h3{margin:.2rem 0 .4rem;font-size:1rem}
.post-body p{margin:0 0 .4rem;font-size:.9rem;color:#9ca3af}
.meta{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.75rem;color:#9ca3af}
.btn-more{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .8rem;border-radius:999px;border:1px solid #1f2937;font-size:.8rem;margin-top:.2rem}
.tech-inside{margin-top:1.7rem}
.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.tech-card{background:#020617;border-radius:16px;border:1px solid #111827;padding:.5rem}
.tech-card img{border-radius:12px;height:120px;object-fit:cover;margin-bottom:.3rem}
.breadcrumb{font-size:.8rem;color:#9ca3af;margin-bottom:.6rem}
.breadcrumb a{color:#9ca3af}
.post-detail h1{margin:.3rem 0 0;font-size:1.4rem}
.post-detail .post-meta{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.8rem;color:#9ca3af;margin-top:.3rem;margin-bottom:.7rem}
.post-hero{border-radius:18px;margin:.6rem 0;max-height:330px;object-fit:cover}
.post-content{font-size:.96rem;line-height:1.7;color:#e5e7eb}
.post-content h2,.post-content h3,.post-content h4{margin-top:1.4rem;margin-bottom:.4rem}
.post-toc{border-radius:14px;border:1px solid #111827;background:#020617;padding:.6rem .8rem;margin:.8rem 0;font-size:.85rem}
.post-toc ul{margin:.4rem 0 0;padding-left:1rem}
.post-footer{margin-top:1.3rem}
.post-tags{margin-bottom:.7rem}
.post-tags .tag{display:inline-block;margin:0 .3rem .3rem 0;padding:.2rem .6rem;border-radius:999px;background:#020617;border:1px solid #1f2937;font-size:.75rem}
.post-nav{display:flex;justify-content:space-between;font-size:.85rem;margin:1rem 0}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.related-card{background:#020617;border-radius:14px;border:1px solid #111827;padding:.4rem;font-size:.85rem}
.related-card img{border-radius:10px;height:100px;object-fit:cover;margin-bottom:.3rem}
.comments-section{margin-top:1.5rem}
.comment{border-radius:12px;border:1px solid #111827;padding:.5rem .7rem;margin-bottom:.5rem;font-size:.86rem}
.comment-header{display:flex;justify-content:space-between;font-size:.78rem;color:#9ca3af}
.comment-form textarea{width:100%;border-radius:10px;border:1px solid #111827;background:#020617;color:#e5e7eb;padding:.4rem .6rem;font-family:inherit}
.comment-form input[type=text],.comment-form input[type=email]{width:100%;border-radius:10px;border:1px solid #111827;background:#020617;color:#e5e7eb;padding:.35rem .6rem;margin-bottom:.4rem}
.comment-form button{margin-top:.4rem;padding:.35rem .9rem;border-radius:999px;border:none;background:#3b82f6;color:#fff;font-size:.85rem}
.site-footer{margin-top:2rem;padding:1.5rem;background:#020617;border-top:1px solid #111827;font-size:.9rem}
.footer-columns{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1.2fr 1.4fr;gap:1.2rem}
.footer-bottom{text-align:center;font-size:.8rem;color:#9ca3af;margin-top:1rem}
.newsletter-form input[type=email]{width:100%;padding:.35rem .6rem;border-radius:999px;border:1px solid #1f2937;background:#020617;color:#e5e7eb;margin:.3rem 0}
.newsletter-form button{width:100%;padding:.35rem;border-radius:999px;border:none;background:#3b82f6;color:#fff;font-size:.85rem}
.pagination ul{list-style:none;margin:1rem 0 0;padding:0;display:flex;gap:.3rem;font-size:.85rem}
.pagination a{display:inline-block;padding:.3rem .6rem;border-radius:999px;border:1px solid #111827}
.pagination li.active a{background:#3b82f6;border-color:#3b82f6}
@media(max-width:960px){
 .hero{grid-template-columns:1fr}
 .video-layout{grid-template-columns:1fr}
 .post-item{grid-template-columns:1fr}
 .tech-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-columns{grid-template-columns:1fr}
 .search input{min-width:140px}
}
@media(max-width:640px){
 .site-main{padding:1rem}
 .main-nav{display:none}
 .mobile-menu-toggle{display:block;background:none;border:none;color:#e5e7eb;font-size:1.2rem}
 .tech-grid,.related-grid{grid-template-columns:1fr}
 .hero-slider img{height:210px}
}