/* ════════════════════════════════════════════════════════════════
   DARKSQUAD — ANA TEMA  |  MAVİ + BEYAZ
   ════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── TOKENS ─────────────────────────────────────────────────── */
:root {
  --primary:      #2563eb;
  --primary-dark: #1e40af;
  --primary-glow: rgba(37,99,235,0.35);
  --primary-soft: rgba(37,99,235,0.1);
  --bg:           #111111;
  --bg-card:      rgba(22,22,22,0.92);
  --bg-hover:     rgba(30,30,30,0.96);
  --border:       rgba(255,255,255,0.18);
  --border-hot:   rgba(37,99,235,0.45);
  --text:         #ffffff;
  --text-muted:   #cbd5e1;
  --text-dim:     #94a3b8;
  --ease:         0.22s cubic-bezier(0.4,0,0.2,1);
  --shadow:       0 8px 32px rgba(0,0,0,0.7);
  --shadow-or:    0 8px 24px rgba(37,99,235,0.3);
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 20px;

  /* Eski isimlerle uyum (PHP dosyaları için) */
  --red:          #2563eb;
  --red-dark:     #1e40af;
  --red-soft:     rgba(37,99,235,0.1);
  --sec:          #2563eb;
  --white:        #ffffff;
  --text-soft:    #cbd5e1;
  --dim:          #1e40af;
  --trans:        0.22s cubic-bezier(0.4,0,0.2,1);
}

body.light {
  --primary:      #1d4ed8;
  --primary-dark: #1e3a8a;
  --primary-soft: rgba(37,99,235,0.08);
  --bg:           #ffffff;
  --bg-card:      rgba(255,255,255,0.94);
  --bg-hover:     rgba(255,255,255,0.99);
  --border:       rgba(15,23,42,0.15);
  --border-hot:   rgba(15,23,42,0.4);
  --text:         #0f172a;
  --text-muted:   #475569;
  --text-dim:     #94a3b8;
  --shadow:       0 4px 20px rgba(0,0,0,0.1);
  --shadow-or:    0 6px 20px rgba(15,23,42,0.2);
  --red:          #1d4ed8;
  --red-dark:     #1e3a8a;
  --red-soft:     rgba(37,99,235,0.08);
  --sec:          #1d4ed8;
  --white:        #0f172a;
  --text-soft:    #475569;
  --dim:          #1d4ed8;
}

/* ── RESET ──────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Barlow',sans-serif;font-size:15px;line-height:1.6;font-weight:400;
  color:var(--text);background-color:var(--bg);
  background-image:
    linear-gradient(rgba(17,17,17,0.9),rgba(17,17,17,0.9)),
    url('https://e1.pxfuel.com/desktop-wallpaper/585/107/desktop-wallpaper-cs-go-ultra-1-jpg-backgrounds-csgo-ultra.jpg');
  background-size:cover;background-position:center;background-attachment:fixed;
  min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;
  transition:background-color var(--ease),color var(--ease);
}
body.light{
  background-image:
    linear-gradient(rgba(255,255,255,0.93),rgba(255,255,255,0.93)),
    url('https://e1.pxfuel.com/desktop-wallpaper/585/107/desktop-wallpaper-cs-go-ultra-1-jpg-backgrounds-csgo-ultra.jpg');
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
ul,ol{list-style:none;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--primary);}
.container{width:92%;max-width:1500px;margin:0 auto;}

/* ═══════════════════════════════════════════════════════════════
   HEADER — 3 PARÇALI (SOL NAV | LOGO | SAĞ NAV)
   ═══════════════════════════════════════════════════════════════ */

.top-bar { display: none; }
header { position: sticky; top: 0; z-index: 900; flex: none; height: auto; }

/* ÜST BAR */
.hdr-top {
    background: #0d0d0d;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    height: 44px;
}
body.light .hdr-top { background: #fff; border-bottom-color: rgba(0,0,0,0.08); }
.hdr-top-inner {
    display: flex; align-items: center; justify-content: space-between;
    height: 100%; width: 98%; max-width: 1800px; margin: 0 auto; padding: 0 16px;
}
.hdr-top-left {
    display: flex; align-items: center; gap: 7px;
    font-family: 'Oswald', sans-serif; font-size: 11px; letter-spacing: 1px;
    color: rgba(255,255,255,0.25);
}
.hdr-live-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: #22c55e; box-shadow: 0 0 8px #22c55e;
    animation: ldot 2s infinite; flex-shrink: 0;
}
@keyframes ldot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
.hdr-live-txt { color: rgba(255,255,255,0.25); }
.hdr-top-right { display: flex; align-items: center; gap: 5px; }

.hdr-icon-btn {
    width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center;
    color: rgba(255,255,255,0.3); font-size: 13px;
    text-decoration: none; transition: .15s; position: relative;
    border-radius: 4px;
}
.hdr-icon-btn:hover { color: #ffffff; background: rgba(255,255,255,0.05); }
.hdr-cikis:hover { color: #f87171; }

.hdr-action-btn {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: 'Oswald', sans-serif; font-size: 11px; font-weight: 600;
    letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none;
    padding: 6px 14px; transition: .2s; border: 1px solid transparent;
}
.hdr-giris {
    background: transparent; border-color: rgba(37,99,235,0.35); color: rgba(255,255,255,0.8);
}
.hdr-giris:hover { background: rgba(37,99,235,0.1); color: #2563eb; border-color: #2563eb; }
.hdr-uye {
    background: #2563eb; color: #fff; border-color: #2563eb;
}
.hdr-uye:hover { background: #1d4ed8; }

.hdr-user-btn {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: 'Oswald', sans-serif; font-size: 11px; letter-spacing: 1px;
    color: rgba(255,255,255,0.55); text-decoration: none;
    padding: 4px 10px 4px 4px; border: 1px solid rgba(255,255,255,0.08); transition: .2s;
}
.hdr-user-btn:hover { color: #ffffff; border-color: rgba(37,99,235,0.3); }
.hdr-uav { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; border: 2px solid #2563eb; }

.hdr-moon {
    width: 30px; height: 30px; background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.3);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; cursor: pointer; transition: .2s; border-radius: 4px;
}
.hdr-moon:hover { color: #2563eb; border-color: rgba(37,99,235,0.3); }

.hamburger {
    display: none; flex-direction: column; gap: 5px; cursor: pointer;
    padding: 6px; border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03); border-radius: 4px; margin-left: 4px;
}
.hamburger span { display:block;width:18px;height:2px;background:#ffffff;border-radius:2px;transition:.2s; }
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ALT NAV BAR */
.hdr-nav-bar {
    background: #111;
    border-bottom: 2px solid #2563eb;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}
body.light .hdr-nav-bar { background: #f8f8f8; border-bottom-color: #2563eb; }

/* 3 PARÇALI LAYOUT */
.hdr-3col {
    display: flex; align-items: stretch;
    width: auto; max-width: fit-content; margin: 0 auto;
    height: 72px;
}
.hdr-nav-left, .hdr-nav-right { display: flex; align-items: stretch; flex: 1; }
.hdr-nav-right { justify-content: flex-end; }

/* ORTA LOGO */
.hdr-center-logo {
    display: flex; align-items: center; justify-content: center;
    padding: 0 28px; flex-shrink: 0; text-decoration: none;
}
.hdr-logo-txt {
    font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 700;
    letter-spacing: 5px; color: #fff; text-transform: uppercase;
}
.hdr-logo-txt em { color: #2563eb; font-style: normal; }

/* NAV LİNKLER */
.hdr-nav-ul {
    display: flex; align-items: stretch;
    list-style: none; margin: 0; padding: 0;
}
.hdr-nav-ul li { display: flex; }
.hdr-nav-ul li a {
    display: flex; align-items: center; gap: 7px;
    padding: 0 18px; height: 100%;
    font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 600;
    letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none;
    color: rgba(255,255,255,0.42); transition: .15s; position: relative;
    border-top: 3px solid transparent; border-bottom: 3px solid transparent;
    white-space: nowrap;
}
.hdr-nav-ul li a i { font-size: 12px; }
.hdr-nav-ul li a:hover { color: #fff; background: rgba(255,255,255,0.03); }
.hdr-nav-ul li a.nav-active {
    color: #fff;
    background: linear-gradient(to bottom, rgba(255,255,255,0.18) 0%, transparent 100%);
    border-top-color: #2563eb;
    border-bottom-color: #2563eb;
}

/* FORUM BUTONU */
.hdr-forum-btn {
    display: flex; align-items: center; gap: 8px;
    padding: 0 26px; flex-shrink: 0;
    font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 700;
    letter-spacing: 2px; text-transform: uppercase; text-decoration: none;
    background: #2563eb; color: #fff;
    border-left: 1px solid rgba(255,255,255,0.1);
    transition: .2s; box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
}
.hdr-forum-btn:hover { background: #1d4ed8; }
.hdr-forum-btn.nav-active { background: #1d4ed8; }

/* Notif dropdown */
.notif-wrap { position: relative; }
.notif-dropdown {
    display: none; position: absolute; top: calc(100% + 8px); right: -60px;
    width: 285px; background: rgba(10,10,10,0.98);
    border: 1px solid rgba(255,255,255,0.15); border-radius: 8px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.7); z-index: 999; overflow: hidden;
}
body.light .notif-dropdown { background: rgba(255,255,255,0.98); }
.notif-dropdown.acik { display: block; animation: dropIn .18s ease; }
@keyframes dropIn { from{opacity:0;transform:translateY(-8px);} to{opacity:1;transform:translateY(0);} }
.notif-header { display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.05);font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:1px;color:#ffffff;text-transform:uppercase; }
.notif-list { max-height:280px;overflow-y:auto; }
.notif-bos { padding:20px;text-align:center;color:#94a3b8;font-size:12px; }
.notif-item { display:flex;align-items:flex-start;gap:10px;padding:9px 13px;border-bottom:1px solid rgba(255,255,255,0.04);transition:.15s; }
.notif-item:hover { background:rgba(255,255,255,0.05); }
.notif-item.yeni { border-left:2px solid #2563eb; }
.notif-ikon { width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0; }
.notif-baslik { font-size:12px;font-weight:600;color:#ffffff;margin-bottom:2px; }
.notif-metin { font-size:11px;color:#94a3b8;line-height:1.4; }
.notif-badge { position:absolute;top:-4px;right:-4px;background:#2563eb;color:#fff;font-size:9px;font-weight:700;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0d0d0d; }

/* User drop */
.user-drop {
    display: none; position: absolute; top: calc(100% + 8px); right: 0;
    min-width: 170px; background: rgba(10,10,10,0.98);
    border: 1px solid rgba(255,255,255,0.15); border-radius: 8px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.7); z-index: 999; overflow: hidden;
}
body.light .user-drop { background: rgba(255,255,255,0.98); }
.user-drop.open { display: block; animation: dropIn .18s ease; }
.user-drop-item { display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:12px;color:#94a3b8;text-decoration:none;transition:.15s; }
.user-drop-item:hover { background:rgba(255,255,255,0.06);color:#ffffff; }
.user-drop-item i { width:14px;color:#2563eb;text-align:center; }
.user-drop-item.danger { color:#f87171; }
.user-drop-item.danger i { color:#f87171; }
.user-drop-item.danger:hover { background:rgba(239,68,68,0.08); }
.user-drop-sep { height:1px;background:rgba(255,255,255,0.05);margin:4px 0; }

/* Eski sınıflar */
.logo { display:none; } .forum-btn { display:none; } .header-inner { display:none; }
.btn-giris,.f-btn-giris,.btn-kayit,.f-btn-kayit { display:none; }

/* Mobil nav */
.hdr-mobile-nav { display: none; }
.mobile-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:800;backdrop-filter:blur(4px);}
.mobile-overlay.active {display:block;}
.mobil-kullanici-panel {display:none;align-items:center;gap:12px;padding:14px;border-bottom:1px solid rgba(37,99,235,0.1);}
.mobil-kullanici-avatar {width:40px;height:40px;border-radius:50%;background:rgba(37,99,235,0.1);display:flex;align-items:center;justify-content:center;font-size:16px;color:#2563eb;flex-shrink:0;border:2px solid rgba(37,99,235,0.3);}
.mobil-kullanici-isim {font-family:'Oswald',sans-serif;font-size:14px;color:#ffffff;letter-spacing:1px;}
.mobil-profil-link {font-size:11px;color:#2563eb;}
.mobil-menu-alt {display:none;padding:14px 18px;border-top:1px solid rgba(255,255,255,0.05);font-size:11px;color:#94a3b8;justify-content:space-between;font-family:'Oswald',sans-serif;letter-spacing:1px;}

@media (max-width: 1100px) {
    .hdr-nav-ul li a { padding: 0 12px; font-size: 11px; }
    .hdr-forum-btn { padding: 0 18px; }
}
@media (max-width: 900px) {
    .hamburger { display: flex; }
    .hdr-3col { display: none; }
    .hdr-mobile-nav {
        display: flex; flex-direction: column;
        position: fixed; top: 0; right: -280px; width: 270px; height: 100vh;
        background: #0d0d0d; border-left: 1px solid rgba(37,99,235,0.12);
        z-index: 900; transition: right .3s ease; overflow-y: auto;
        box-shadow: -20px 0 60px rgba(0,0,0,0.8);
    }
    .hdr-mobile-nav.mobile-open { right: 0; }
    .hdr-mobile-nav .hdr-nav-ul { flex-direction: column; padding: 8px; }
    .hdr-mobile-nav .hdr-nav-ul li a { height: auto; padding: 11px 14px; border-radius: 5px; border: none; }
    .hdr-mobile-nav .hdr-nav-ul li a.nav-active { background: rgba(37,99,235,0.12); color: #2563eb; border: none; }
    .mobil-kullanici-panel { display: flex; }
    .mobil-menu-alt { display: flex; }
    .hdr-top-left { display: none; }
}

/* Site genişliği */
.container { width: 96%; max-width: 1800px; }

/* ═══════════════════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════════════════ */
.hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(17,17,17,0.75) 0%,rgba(17,17,17,0.3) 60%,transparent 100%);}
body.light .hero-overlay{background:linear-gradient(to right,rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.3) 60%,transparent 100%);}
.hero-content{position:relative;z-index:2;padding:80px 4%;width:100%;max-width:1500px;margin:0 auto;}
.status-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--primary-soft);border:1px solid var(--border-hot);
  color:var(--text-muted);font-size:11px;font-weight:600;
  padding:4px 13px;border-radius:50px;margin-bottom:20px;
  letter-spacing:1px;text-transform:uppercase;font-family:'Oswald',sans-serif;
}
.status-badge .dot{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.5);}70%{box-shadow:0 0 0 8px rgba(34,197,94,0);}}
.hero-content h1{font-family:'Oswald',sans-serif;font-size:68px;font-weight:700;line-height:1;color:var(--text);letter-spacing:2px;margin-bottom:14px;}
.hero-content h1 span{color:var(--primary);}
.hero-subtitle{font-size:15px;color:var(--text-muted);max-width:500px;margin-bottom:32px;line-height:1.7;}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;}
.btn-main{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 34px;background:var(--primary);color:#fff;
  border-radius:var(--r-md);font-family:'Oswald',sans-serif;
  font-weight:600;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;
  transition:var(--ease);box-shadow:var(--shadow-or);border:1px solid transparent;
}
.btn-main:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 14px 32px rgba(37,99,235,0.45);}
.btn-outline{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 34px;background:transparent;color:var(--text);
  border:1px solid var(--border-hot);border-radius:var(--r-md);
  font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:1.5px;text-transform:uppercase;transition:var(--ease);backdrop-filter:blur(8px);
}
.btn-outline:hover{background:var(--primary-soft);border-color:var(--primary);transform:translateY(-3px);}

.quick-downloads{margin-top:26px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.quick-downloads-label{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;font-family:'Oswald',sans-serif;}
.quick-downloads-links{display:flex;gap:7px;flex-wrap:wrap;}
.qdl-item{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;background:var(--primary-soft);border:1px solid var(--border);
  border-radius:20px;color:var(--text-muted);font-size:12px;transition:var(--ease);
}
.qdl-item:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);}

/* ═══════════════════════════════════════════════════════════════
   MAIN CONTENT
   ═══════════════════════════════════════════════════════════════ */
.main-content-row{
  display:grid;grid-template-columns:1fr 350px;gap:26px;
  width:92%;max-width:1800px;margin:52px auto 80px;
}
.announcements-col{min-width:0;}
.sidebar-col{display:flex;flex-direction:column;gap:18px;}

.section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:13px;border-bottom:1px solid var(--border);}
.section-title h2{font-family:'Oswald',sans-serif;font-size:21px;font-weight:700;color:var(--text);letter-spacing:1px;text-transform:uppercase;}
.section-title h2 span{color:var(--primary);}

.announcement-card{
  display:flex;align-items:center;gap:18px;
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:20px;margin-bottom:14px;
  transition:var(--ease);box-shadow:var(--shadow);backdrop-filter:blur(12px);
}
.announcement-card:hover{background:var(--bg-hover);border-color:var(--border-hot);transform:translateY(-3px);box-shadow:var(--shadow-or);}
.announcement-logo{flex-shrink:0;width:58px;height:58px;}
.logo-placeholder{
  width:100%;height:100%;background:var(--primary-soft);border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;color:var(--primary);border:1px solid var(--border);
}
.announcement-content{flex:1;min-width:0;}
.announcement-date{font-size:11px;color:var(--text-dim);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;}
.announcement-content h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:5px;}
.announcement-content p{font-size:13px;color:var(--text-muted);line-height:1.6;}
.announcement-action{flex-shrink:0;}
.btn-readmore{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--primary-soft);color:var(--text);padding:9px 16px;
  border-radius:var(--r-md);font-size:12px;font-weight:500;
  transition:var(--ease);border:1px solid var(--border);
}
.btn-readmore:hover{background:var(--primary);color:#fff;border-color:var(--primary);}

.ig-widget-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:13px;box-shadow:var(--shadow);backdrop-filter:blur(12px);}
.btn-ig{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  background:linear-gradient(45deg,#2563eb,#1d4ed8,#dc2743,#cc2366,#bc1888);
  color:#fff;padding:12px;border-radius:var(--r-md);
  font-family:'Oswald',sans-serif;font-size:13px;font-weight:500;letter-spacing:1px;transition:var(--ease);
}
.btn-ig:hover{filter:brightness(1.14);transform:translateY(-2px);}

.latest-members-wrapper{
  width:92%;max-width:1800px;margin:0 auto 80px;
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);
  padding:46px 22px;text-align:center;backdrop-filter:blur(12px);
}
.latest-members-header{margin-bottom:32px;}
.latest-members-header h2{font-family:'Oswald',sans-serif;font-size:24px;color:var(--text);margin-bottom:7px;letter-spacing:1px;text-transform:uppercase;}
.latest-members-header p{color:var(--text-muted);font-size:14px;}
.members-grid{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;}
.member-card{
  display:flex;flex-direction:column;align-items:center;
  padding:18px 26px;border-radius:var(--r-lg);cursor:pointer;
  transition:var(--ease);border:1px solid transparent;
}
.member-card:hover{background:var(--primary-soft);border-color:var(--border);transform:translateY(-4px);}
.member-avatar{
  width:68px;height:68px;background:var(--primary-soft);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:26px;color:var(--primary);margin-bottom:11px;
  border:2px solid var(--border);transition:var(--ease);overflow:hidden;
}
.member-card:hover .member-avatar{border-color:var(--primary);}
.member-avatar img{width:100%;height:100%;object-fit:cover;}
.member-name{font-weight:600;font-size:14px;color:var(--text);margin-bottom:3px;}
.member-time{font-size:12px;color:var(--text-dim);}

/* ═══════════════════════════════════════════════════════════════
   CONTENT BOX / AUTH BOX / FORM
   ═══════════════════════════════════════════════════════════════ */
.content-box{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);
  padding:52px 68px;margin:46px auto 70px;
  width:92%;max-width:960px;box-shadow:var(--shadow);backdrop-filter:blur(12px);
}
.content-box h2{font-family:'Oswald',sans-serif;font-size:26px;color:var(--text);text-transform:uppercase;margin-bottom:22px;letter-spacing:2px;}
.content-box p{color:var(--text-muted);line-height:1.9;font-size:14px;margin-bottom:18px;font-weight:300;}
ol.rules-list{padding:0;counter-reset:rules;}
ol.rules-list li{
  counter-increment:rules;font-size:14px;color:var(--text-muted);
  padding:15px 0 15px 56px;border-bottom:1px solid var(--border);
  line-height:1.8;position:relative;transition:var(--ease);
}
ol.rules-list li::before{
  content:counter(rules);position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;background:var(--primary-soft);color:var(--primary);
  font-family:'Oswald',sans-serif;font-size:14px;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--r-sm);border:1px solid var(--border);
}
ol.rules-list li:hover{background:var(--primary-soft);padding-left:64px;color:var(--text);border-radius:var(--r-sm);}
ol.rules-list li:last-child{border-bottom:none;}

.auth-box{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);
  padding:46px 50px;margin:70px auto 80px;
  width:92%;max-width:460px;box-shadow:var(--shadow);backdrop-filter:blur(16px);text-align:center;
}
.auth-box h2{font-family:'Oswald',sans-serif;font-size:26px;color:var(--text);text-transform:uppercase;margin-bottom:26px;letter-spacing:2px;}
.form-group{margin-bottom:18px;text-align:left;}
.form-group label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:6px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;}
.form-control{
  width:100%;background:rgba(18,18,18,0.8);border:1px solid var(--border);
  color:var(--text);padding:11px 15px;border-radius:var(--r-md);
  font-family:'Inter',sans-serif;font-size:14px;transition:var(--ease);outline:none;
}
body.light .form-control{background:rgba(255,255,255,0.9);}
.form-control::placeholder{color:var(--text-dim);}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,255,255,0.14);}
.btn-auth{width:100%;justify-content:center;margin-top:8px;font-size:14px;padding:13px;border:none;}
.auth-links{margin-top:18px;font-size:13px;color:var(--text-muted);}
.auth-links a{color:var(--primary);font-weight:600;transition:var(--ease);}
.auth-links a:hover{color:var(--text);}

/* ═══════════════════════════════════════════════════════════════
   SUNUCU WİDGET
   ═══════════════════════════════════════════════════════════════ */
.server-live-widget{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);
  padding:16px 20px;display:flex;align-items:center;gap:16px;margin-bottom:14px;
  transition:var(--ease);backdrop-filter:blur(12px);
}
.server-live-widget:hover{border-color:var(--border-hot);transform:translateY(-2px);}
.slw-icon{font-size:22px;color:var(--primary);flex-shrink:0;}
.slw-info{flex:1;}
.slw-name{font-family:'Oswald',sans-serif;font-size:14px;color:var(--text);letter-spacing:1px;margin-bottom:3px;}
.slw-ip{font-size:11px;color:var(--text-dim);}
.slw-count{text-align:right;flex-shrink:0;}
.slw-number{font-family:'Oswald',sans-serif;font-size:24px;font-weight:700;color:var(--text);line-height:1;}
.slw-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;}
.slw-bar{width:100%;height:3px;background:var(--border);border-radius:2px;margin-top:7px;overflow:hidden;}
.slw-bar-fill{height:100%;background:var(--primary);border-radius:2px;transition:width 1s ease;}
.slw-status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;display:inline-block;margin-right:5px;animation:pulse 2s infinite;}
.slw-status-dot.offline{background:#f87171;box-shadow:0 0 6px #f87171;animation:none;}
.sunucu-durum-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;backdrop-filter:blur(12px);}
.sd-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);}
.sd-row:last-of-type{border-bottom:none;}
.sd-label{color:var(--text-muted);font-size:13px;}
.sd-value{font-family:'Oswald',sans-serif;font-size:14px;color:var(--text);}
.sd-aktif{display:flex;align-items:center;gap:6px;color:#22c55e;font-family:'Oswald',sans-serif;font-size:14px;}
.sd-kapali{display:flex;align-items:center;gap:6px;color:#f87171;font-family:'Oswald',sans-serif;font-size:14px;}
.sd-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;animation:sdP 1.5s infinite;}
.sd-dot-off{background:#f87171;box-shadow:0 0 6px #f87171;animation:none;}
@keyframes sdP{0%,100%{opacity:1;}50%{opacity:.35;}}
.sd-ip-row{display:flex;align-items:center;gap:8px;margin-top:13px;background:rgba(0,0,0,0.3);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 11px;font-family:'Courier New',monospace;font-size:12px;color:var(--text-muted);}
.sd-ip-icon{color:var(--primary);font-size:13px;}
.sd-ip-row span{flex:1;}
.sd-copy-btn{background:var(--primary);border:none;color:#fff;width:27px;height:27px;border-radius:var(--r-sm);cursor:pointer;font-size:12px;transition:background .2s;}
.sd-copy-btn:hover{background:var(--primary-dark);}

/* ═══════════════════════════════════════════════════════════════
   BAN TABLOSU
   ═══════════════════════════════════════════════════════════════ */
.ban-table-wrap{width:92%;max-width:1100px;margin:52px auto 80px;}
.ban-table-wrap h2{font-family:'Oswald',sans-serif;font-size:26px;color:var(--text);letter-spacing:2px;margin-bottom:5px;text-transform:uppercase;}
.ban-table-wrap .sub{color:var(--text-muted);font-size:13px;margin-bottom:26px;}
.ban-search{width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:11px 16px;border-radius:var(--r-md);font-family:'Inter',sans-serif;font-size:13px;outline:none;margin-bottom:14px;transition:var(--ease);}
.ban-search:focus{border-color:var(--primary);}
.ban-table{width:100%;border-collapse:collapse;}
.ban-table thead tr{background:var(--primary-soft);}
.ban-table th{font-family:'Oswald',sans-serif;font-size:11px;color:var(--text-muted);text-align:left;padding:11px 15px;letter-spacing:1px;text-transform:uppercase;}
.ban-table td{padding:11px 15px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:13px;}
.ban-table tbody tr:hover td{background:var(--primary-soft);color:var(--text);}
.ban-table tbody tr:last-child td{border-bottom:none;}
.badge-ban{background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.28);padding:2px 9px;border-radius:4px;font-size:11px;font-weight:600;}
.badge-mute{background:rgba(234,179,8,0.1);color:#fbbf24;border:1px solid rgba(234,179,8,0.28);padding:2px 9px;border-radius:4px;font-size:11px;font-weight:600;}

/* ═══════════════════════════════════════════════════════════════
   PROFİL / YARDIMCI
   ═══════════════════════════════════════════════════════════════ */
.profile-edit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;margin-top:18px;box-shadow:var(--shadow);backdrop-filter:blur(12px);}
.profile-edit-card h3{font-family:'Oswald',sans-serif;font-size:17px;color:var(--text);letter-spacing:1px;margin-bottom:20px;padding-bottom:11px;border-bottom:1px solid var(--border);text-transform:uppercase;}
.profile-success{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.28);color:#4ade80;padding:9px 13px;border-radius:var(--r-sm);margin-bottom:14px;font-size:13px;}
.profile-error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.28);color:#f87171;padding:9px 13px;border-radius:var(--r-sm);margin-bottom:14px;font-size:13px;}

.seviye-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid;}
.rozet-grid{display:flex;flex-wrap:wrap;gap:9px;}
.rozet-item{display:flex;align-items:center;gap:7px;background:var(--primary-soft);border:1px solid var(--border);border-radius:var(--r-md);padding:7px 12px;font-size:12px;color:var(--text);transition:var(--ease);}
.rozet-item:hover{background:var(--border);transform:translateY(-1px);}
.rozet-ikon{width:30px;height:30px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:13px;}

/* ═══════════════════════════════════════════════════════════════
   CANLI SOHBET
   ═══════════════════════════════════════════════════════════════ */
.chat-widget{position:fixed;bottom:20px;right:20px;z-index:800;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.chat-toggle-btn{width:48px;height:48px;border-radius:50%;background:var(--primary);border:none;color:#fff;font-size:19px;cursor:pointer;box-shadow:var(--shadow-or);transition:var(--ease);display:flex;align-items:center;justify-content:center;position:relative;}
.chat-toggle-btn:hover{transform:scale(1.08);background:var(--primary-dark);}
.chat-unread-dot{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#f87171;border:2px solid var(--bg);display:none;}
.chat-box{width:305px;background:rgba(12,12,12,0.98);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);display:none;flex-direction:column;max-height:430px;}
body.light .chat-box{background:rgba(255,255,255,0.98);}
.chat-box.acik{display:flex;animation:chatOpen .22s ease;}
@keyframes chatOpen{from{opacity:0;transform:translateY(16px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}
.chat-box-header{padding:11px 13px;background:var(--primary-soft);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.chat-box-header-left{display:flex;align-items:center;gap:9px;}
.chat-dot-online{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 7px #22c55e;animation:pulse 2s infinite;}
.chat-box-title{font-family:'Oswald',sans-serif;font-size:13px;color:var(--text);letter-spacing:1px;}
.chat-kapat-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;transition:var(--ease);}
.chat-kapat-btn:hover{color:var(--text);}
.chat-mesajlar{flex:1;overflow-y:auto;padding:11px;display:flex;flex-direction:column;gap:8px;max-height:270px;}
.chat-msg{display:flex;gap:8px;align-items:flex-start;}
.chat-msg.benim{flex-direction:row-reverse;}
.chat-msg-avatar{width:26px;height:26px;border-radius:50%;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--primary);flex-shrink:0;border:1px solid var(--border);overflow:hidden;}
.chat-msg-avatar img{width:100%;height:100%;object-fit:cover;}
.chat-msg-balon{background:rgba(255,255,255,0.05);border-radius:9px 9px 9px 3px;padding:6px 10px;max-width:195px;}
body.light .chat-msg-balon{background:rgba(0,0,0,0.05);}
.chat-msg.benim .chat-msg-balon{background:var(--primary-soft);border-radius:9px 9px 3px 9px;}
.chat-msg-isim{font-size:10px;color:var(--primary);font-weight:600;margin-bottom:2px;}
.chat-msg-metin{font-size:12px;color:var(--text);word-break:break-word;line-height:1.4;}
.chat-msg-saat{font-size:10px;color:var(--text-dim);margin-top:2px;}
.chat-input-row{padding:9px 10px;border-top:1px solid var(--border);display:flex;gap:7px;}
.chat-input{flex:1;background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);padding:7px 10px;font-size:12px;outline:none;transition:var(--ease);font-family:'Inter',sans-serif;}
body.light .chat-input{background:rgba(0,0,0,0.04);}
.chat-input:focus{border-color:var(--primary);}
.chat-gonder{background:var(--primary);border:none;color:#fff;padding:7px 11px;border-radius:var(--r-sm);cursor:pointer;font-size:12px;transition:var(--ease);}
.chat-gonder:hover{background:var(--primary-dark);}
.chat-giris-uyari{padding:18px;text-align:center;color:var(--text-muted);font-size:12px;}
.chat-giris-uyari a{color:var(--primary);}

/* ═══════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════ */
.site-footer{background:rgba(8,8,8,0.97);border-top:1px solid var(--border);backdrop-filter:blur(16px);margin-top:auto;}
body.light .site-footer{background:rgba(255,255,255,0.97);}
.footer-inner{width:92%;max-width:1500px;margin:0 auto;padding:46px 0 22px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border);}
.footer-logo{font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;color:var(--text);letter-spacing:3px;margin-bottom:11px;}
.footer-logo span{color:var(--primary);}
.footer-aciklama{color:var(--text-muted);font-size:13px;line-height:1.8;max-width:310px;}
.footer-sosyal{display:flex;gap:7px;margin-top:16px;}
.footer-sosyal-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);background:var(--primary-soft);border:1px solid var(--border);color:var(--text-muted);font-size:14px;transition:var(--ease);}
.footer-sosyal-btn:hover{color:var(--text);background:var(--border-hot);transform:translateY(-2px);}
.footer-baslik{font-family:'Oswald',sans-serif;font-size:11px;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:13px;font-weight:600;}
.footer-link-listesi{display:flex;flex-direction:column;gap:7px;}
.footer-link{color:var(--text-muted);font-size:13px;display:inline-flex;align-items:center;gap:7px;transition:var(--ease);}
.footer-link i{font-size:8px;color:var(--primary);}
.footer-link:hover{color:var(--text);padding-left:4px;}
.footer-sunucu-liste{display:flex;flex-direction:column;gap:8px;}
.footer-sunucu-kart{background:var(--primary-soft);border:1px solid var(--border);border-radius:var(--r-md);padding:9px 12px;}
.footer-sunucu-etiket{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;}
.footer-sunucu-etiket i{color:var(--primary);margin-right:4px;}
.footer-sunucu-adres{font-family:'Oswald',sans-serif;font-size:14px;color:var(--text);letter-spacing:1px;}
.footer-alt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;}
.footer-telif{color:var(--text-dim);font-size:12px;}
.footer-telif strong{color:var(--text-muted);}
.footer-dev{color:var(--primary);font-weight:600;transition:var(--ease);}
.footer-dev:hover{color:var(--text);}

/* ═══════════════════════════════════════════════════════════════
   SPLASH
   ═══════════════════════════════════════════════════════════════ */
#splash{position:fixed;inset:0;background:#0a0a0a;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .5s ease,visibility .5s ease;}
#splash.gizle{opacity:0;visibility:hidden;pointer-events:none;}
.splash-logo{font-family:'Oswald',sans-serif;font-size:38px;font-weight:700;color:var(--text);letter-spacing:5px;text-transform:uppercase;animation:splashIn .7s ease both;}
.splash-logo span{color:var(--primary);}
@keyframes splashIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.splash-bar-wrap{width:170px;height:2px;background:rgba(255,255,255,0.07);border-radius:2px;overflow:hidden;}
.splash-bar{height:100%;width:0%;background:var(--primary);border-radius:2px;transition:width .05s linear;}
.splash-alt{font-size:11px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-family:'Oswald',sans-serif;}

/* ═══════════════════════════════════════════════════════════════
   MOBİL
   ═══════════════════════════════════════════════════════════════ */
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:800;backdrop-filter:blur(4px);}
.mobile-overlay.active{display:block;animation:fadeIn .25s ease;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.mobil-kullanici-panel{display:none;align-items:center;gap:12px;padding:13px;margin:0 11px 7px;background:var(--primary-soft);border:1px solid var(--border);border-radius:var(--r-lg);}
.mobil-kullanici-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--primary);flex-shrink:0;border:2px solid var(--primary);overflow:hidden;}
.mobil-kullanici-avatar img{width:100%;height:100%;object-fit:cover;}
.mobil-kullanici-isim{font-family:'Oswald',sans-serif;font-size:13px;color:var(--text);}
.mobil-profil-link{font-size:11px;color:var(--primary);}
.mobil-menu-alt{display:none;padding:13px 17px;border-top:1px solid var(--border);margin-top:auto;font-size:11px;color:var(--text-muted);justify-content:space-between;font-family:'Oswald',sans-serif;letter-spacing:1px;}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:1100px){
  .main-content-row{grid-template-columns:1fr;}
  .sidebar-col{width:100%;max-width:540px;margin:0 auto;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .hamburger{display:flex;}
  .forum-btn{display:none;}
  nav{
    position:fixed;top:0;right:-290px;width:275px;height:100vh;
    background:rgba(10,10,10,0.99);border-left:1px solid rgba(37,99,235,0.12);
    z-index:900;transition:right .36s cubic-bezier(0.4,0,0.2,1);
    overflow-y:auto;display:flex;flex-direction:column;
    box-shadow:-20px 0 60px rgba(0,0,0,0.8);
  }
  body.light nav{background:rgba(255,255,255,0.99);}
  nav.mobile-open{right:0;}
  nav::before{
    content:'MENÜ';display:block;
    font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:3px;
    color:var(--primary);padding:72px 20px 14px;
    border-bottom:1px solid rgba(37,99,235,0.1);margin-bottom:6px;
  }
  nav ul{flex-direction:column;height:auto;gap:3px;padding:8px 10px;flex:1;}
  nav ul li{height:auto;display:block;}
  nav ul li a{
    padding:11px 14px;font-size:12px;letter-spacing:1.5px;
    flex-direction:row;justify-content:flex-start;gap:12px;
    border:1px solid transparent;height:auto;
    border-radius:4px;
  }
  nav ul li a::before{display:none;}
  nav ul li a:hover{
    background:rgba(255,255,255,0.07);
    border-color:rgba(255,255,255,0.2);
    color:var(--primary);
    transform:translateX(4px);
  }
  nav ul li a.nav-active{
    background:rgba(37,99,235,0.1);
    border-color:rgba(37,99,235,0.3);
    color:var(--primary);
  }
  nav ul li a .nav-icon{font-size:14px;}
  nav ul li a .nav-label{font-size:11px;}
  .mobil-kullanici-panel{display:flex;}
  .mobil-menu-alt{display:flex;}
}
@media(max-width:650px){
  .hero-content{padding:48px 4%;}
  .hero-content h1{font-size:40px;}
  .hero-buttons{flex-direction:column;}
  .btn-main,.btn-outline{justify-content:center;padding:13px 26px;}
  .quick-downloads{flex-direction:column;align-items:flex-start;}
  .content-box{padding:30px 18px;}
  .auth-box{padding:30px 20px;}
  .footer-grid{grid-template-columns:1fr;gap:26px;}
  .announcement-card{flex-direction:column;}
  .announcement-action{width:100%;}
  .btn-readmore{width:100%;justify-content:center;}
}
@media(max-width:400px){
  .hero-content h1{font-size:32px;}
  header{height:68px;flex:0 0 68px;top:46px;}
}


/* ═══════════════════════════════════════════════════════════════
   LIGHT MODE — KAPSAMLI OVERRIDES
   ═══════════════════════════════════════════════════════════════ */
body.light {
    background-color: #ffffff;
    color: #0f172a;
}

/* Header */
body.light .hdr-top { background: #fff; border-bottom-color: rgba(0,0,0,0.07); }
body.light .hdr-live-txt { color: rgba(0,0,0,0.3); }
body.light .hdr-icon-btn { color: rgba(0,0,0,0.35); }
body.light .hdr-icon-btn:hover { color: #2563eb; background: rgba(37,99,235,0.06); }
body.light .hdr-user-btn { color: rgba(0,0,0,0.5); border-color: rgba(0,0,0,0.1); }
body.light .hdr-user-btn:hover { color: #0f172a; }
body.light .hdr-moon { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.35); }
body.light .hdr-moon:hover { color: #2563eb; border-color: rgba(15,23,42,0.3); }
body.light .hamburger span { background: #0f172a; }
body.light .hamburger { border-color: rgba(0,0,0,0.1); background: rgba(0,0,0,0.03); }

/* Nav bar */
body.light .hdr-nav-bar { background: #f0f0f0; border-bottom-color: #2563eb; }
body.light .hdr-nav-ul li a { color: rgba(0,0,0,0.4); }
body.light .hdr-nav-ul li a:hover { color: #0f172a; background: rgba(0,0,0,0.04); }
body.light .hdr-nav-ul li a.nav-active {
    color: #0f172a;
    background: linear-gradient(to bottom, rgba(15,23,42,0.12) 0%, transparent 100%);
}
body.light .hdr-3col { background: transparent; }

/* Kartlar / içerik */
body.light .announcement-card,
body.light .ig-widget-card,
body.light .latest-members-wrapper,
body.light .content-box,
body.light .auth-box,
body.light .profile-edit-card,
body.light .sunucu-durum-card,
body.light .server-live-widget,
body.light .ban-table-wrap .ban-table,
body.light .market-kart,
body.light .gl-item {
    background: rgba(255,255,255,0.95);
    border-color: rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}
body.light .announcement-card:hover { border-color: rgba(15,23,42,0.25); }

/* Yazılar */
body.light .announcement-date,
body.light .member-time,
body.light .footer-telif,
body.light .notif-metin,
body.light .user-drop-item { color: #475569; }

body.light .announcement-content h3,
body.light .member-name,
body.light .notif-baslik { color: #0f172a; }

body.light .announcement-content p,
body.light .hero-subtitle { color: #475569; }

/* Form elemanları */
body.light .form-control,
body.light .ban-search { 
    background: rgba(255,255,255,0.9);
    border-color: rgba(0,0,0,0.12);
    color: #0f172a;
}
body.light .form-control:focus,
body.light .ban-search:focus { border-color: #2563eb; }

/* Tablo */
body.light .ban-table thead tr { background: rgba(15,23,42,0.07); }
body.light .ban-table th { color: #475569; }
body.light .ban-table td { color: #475569; border-bottom-color: rgba(0,0,0,0.06); }
body.light .ban-table tbody tr:hover td { background: rgba(15,23,42,0.05); color: #0f172a; }

/* Section title */
body.light .section-title { border-bottom-color: rgba(0,0,0,0.08); }
body.light .section-title h2 { color: #0f172a; }

/* Footer */
body.light .site-footer { background: #fff; border-top-color: rgba(0,0,0,0.08); }
body.light .footer-logo,
body.light .footer-link:hover { color: #0f172a; }
body.light .footer-link { color: #475569; }
body.light .footer-sosyal-btn { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.1); color: #475569; }
body.light .footer-sunucu-kart { background: rgba(37,99,235,0.06); border-color: rgba(0,0,0,0.08); }
body.light .footer-sunucu-adres { color: #0f172a; }
body.light .footer-grid { border-bottom-color: rgba(0,0,0,0.08); }

/* Mobil nav */
body.light .hdr-mobile-nav,
body.light nav { background: rgba(255,255,255,0.99); border-left-color: rgba(0,0,0,0.08); }
body.light .hdr-mobile-nav .hdr-nav-ul li a { color: rgba(0,0,0,0.45); }
body.light .hdr-mobile-nav .hdr-nav-ul li a:hover { color: #0f172a; }
body.light .mobil-kullanici-panel { background: rgba(0,0,0,0.03); border-bottom-color: rgba(0,0,0,0.06); }
body.light .mobil-menu-alt { border-top-color: rgba(0,0,0,0.06); color: #475569; }

/* Dropdown'lar */
body.light .notif-dropdown,
body.light .user-drop { background: rgba(255,255,255,0.99); border-color: rgba(0,0,0,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
body.light .notif-header,
body.light .notif-baslik { color: #0f172a; }
body.light .notif-item,
body.light .user-drop-item,
body.light .f-drop-item { border-bottom-color: rgba(0,0,0,0.05); }
body.light .notif-item:hover,
body.light .user-drop-item:hover { background: rgba(15,23,42,0.05); }
body.light .user-drop-sep { background: rgba(0,0,0,0.07); }

/* Chat */
body.light .chat-box { background: rgba(255,255,255,0.99); border-color: rgba(0,0,0,0.1); }
body.light .chat-box-header { background: rgba(37,99,235,0.06); border-bottom-color: rgba(0,0,0,0.07); }
body.light .chat-msg-balon { background: rgba(0,0,0,0.05); }
body.light .chat-msg-metin { color: #0f172a; }
body.light .chat-input { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.1); color: #0f172a; }
body.light .chat-input-row { border-top-color: rgba(0,0,0,0.07); }

/* Hero badge */
body.light .status-badge { background: rgba(37,99,235,0.08); border-color: rgba(15,23,42,0.25); color: #475569; }
body.light .hero-content h1 { color: #0f172a; }

/* Üyeler */
body.light .member-avatar { background: rgba(37,99,235,0.08); border-color: rgba(0,0,0,0.1); }
body.light .member-card:hover { background: rgba(37,99,235,0.06); border-color: rgba(0,0,0,0.1); }
body.light .latest-members-header h2 { color: #0f172a; }

/* PHP inline style overrides — light mode */
body.light [style*="color:#fff"],
body.light [style*="color: #fff"] { color: #0f172a!important; }
body.light [style*="background:#111"],
body.light [style*="background: #111"],
body.light [style*="background:#0d0d"],
body.light [style*="background:rgba(0,0,0"] { background: rgba(255,255,255,0.9)!important; }

/* Özel sayfalar */
body.light .lider-hero,
body.light .lider-tablo,
body.light .top3-kart,
body.light .hs-kart,
body.light .hs-govde,
body.light .ark-kart,
body.light .about-content-box,
body.light .feature-card,
body.light .team-card,
body.light .profile-card,
body.light .mk-card,
body.light .sv-map-card,
body.light .sv-players-card,
body.light .sv-offline-card {
    background: rgba(255,255,255,0.95)!important;
    border-color: rgba(0,0,0,0.08)!important;
}

body.light .lider-sira,
body.light .lider-isim,
body.light .top3-isim,
body.light .mk-name,
body.light .sv-name,
body.light .sv-p-name,
body.light .h3-logo-main,
body.light .hb-logo,
body.light .ha-logo {
    color: #0f172a!important;
}

body.light .hs-label,
body.light .lider-meta,
body.light .f-qs-label,
body.light .sd-label { color: #475569!important; }

body.light .hs-select,
body.light .hs-satir label { color: #0f172a!important; }
body.light .hs-select { background: rgba(255,255,255,0.9)!important; border-color: rgba(0,0,0,0.12)!important; }

/* Sunucu sayfası */
body.light .sv-hero { border-bottom-color: rgba(0,0,0,0.08); }
body.light .sv-hero h1,
body.light .sv-stat-val { color: #0f172a!important; }
body.light .sv-player-table td { color: #475569; border-bottom-color: rgba(0,0,0,0.05); }
body.light .sv-player-table tbody tr:hover td { background: rgba(15,23,42,0.04); color: #0f172a; }
body.light .sv-players-head { background: rgba(0,0,0,0.03); border-bottom-color: rgba(0,0,0,0.06); }

/* Galeri */
body.light .gl-item { background: #fff; border-color: rgba(0,0,0,0.08); }
body.light .gl-item:hover { border-color: rgba(15,23,42,0.35); }

/* Market */
body.light .mk-desc { color: #475569; }
body.light .mk-ts3-bar { background: rgba(255,255,255,0.95); border-color: rgba(0,0,0,0.1); }
body.light .mk-grid .mk-card { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }

/* Mesajlar / arkadaslar */
body.light .ark-kart,
body.light .ark-satir { border-color: rgba(0,0,0,0.06); }
body.light .ark-ad,
body.light .ark-baslik { color: #0f172a; }

/* ═══════════════════════════════════════════════════════════════
   SAYFA HERO — HER SAYFADA AYNI
   ═══════════════════════════════════════════════════════════════ */
.page-hero {
    position: relative;
    padding: 68px 0 52px;
    text-align: center;
    overflow: hidden;
    background:
        linear-gradient(rgba(17,17,17,0.72), rgba(17,17,17,0.72)),
        url('https://e1.pxfuel.com/desktop-wallpaper/585/107/desktop-wallpaper-cs-go-ultra-1-jpg-backgrounds-csgo-ultra.jpg') center/cover;
}
body.light .page-hero {
    background:
        linear-gradient(rgba(255,255,255,0.82), rgba(255,255,255,0.82)),
        url('https://e1.pxfuel.com/desktop-wallpaper/585/107/desktop-wallpaper-cs-go-ultra-1-jpg-backgrounds-csgo-ultra.jpg') center/cover;
}
.page-hero::before {
    content: attr(data-bg-text);
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(80px, 15vw, 200px);
    color: transparent;
    -webkit-text-stroke: 1px rgba(37,99,235,0.1);
    white-space: nowrap;
    pointer-events: none;
    letter-spacing: 10px;
    user-select: none;
    z-index: 0;
}
body.light .page-hero::before {
    -webkit-text-stroke: 1px rgba(15,23,42,0.15);
}
.page-hero-label {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #2563eb;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    position: relative;
    z-index: 1;
}
.page-hero-label::before,
.page-hero-label::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #2563eb;
    opacity: 0.7;
}
.page-hero-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(40px, 6vw, 76px);
    color: #ffffff;
    letter-spacing: 4px;
    line-height: 1;
    margin: 0;
    position: relative;
    z-index: 1;
}
body.light .page-hero-title { color: #0f172a; }
.page-hero-title span { color: #2563eb; }
.page-hero-sub {
    margin-top: 10px;
    font-size: 13px;
    color: #94a3b8;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
}
body.light .page-hero-sub { color: #475569; }

/* ═══════════════════════════════════════════════════════════════
   GLOBAL FONT — BEBAS NEUE + BARLOW
   ═══════════════════════════════════════════════════════════════ */
body { font-family: 'Barlow', sans-serif; }

h1, h2, h3, .page-hero-title, .hdr-logo-txt,
.section-title h2, .footer-logo,
.latest-members-header h2 {
    font-family: 'Bebas Neue', sans-serif;
}

.hdr-nav-ul li a,
.hdr-action-btn,
.hdr-forum-btn,
.hdr-top-left,
.hdr-user-btn,
.page-hero-label,
.btn-main, .btn-outline,
.btn-kayit, .f-btn-kayit,
.btn-giris, .f-btn-giris,
.forum-btn,
.announcement-date,
.footer-baslik,
.footer-link {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 1.5px;
}

p, .announcement-content p, .hero-subtitle,
.footer-aciklama, .page-hero-sub,
.notif-metin, .chat-msg-metin,
.form-control, label, .ban-search {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
}