/* Genel Ayarlar */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f5f6fd;
    color: #333;
    margin: 0;
    padding: 0;
}

/* Kimlik Doğrulama (Giriş/Kayıt) Kutusu */
.auth-container {
    max-width: 400px;
    margin: 80px auto;
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    border-top: 5px solid #12141f;
}

.auth-container h2 {
    text-align: center;
    color: #0c0d14;
    margin-bottom: 25px;
}

input[type="text"], 
input[type="email"], 
input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    margin-top: 8px;
    margin-bottom: 20px;
    border: 1px solid #e1e5eb;
    border-radius: 6px;
    box-sizing: border-box;
    transition: 0.3s;
    font-family: 'Poppins', sans-serif;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus {
    border-color: #7f96ff;
    outline: none;
    box-shadow: 0 0 5px rgba(255, 170, 23, 0.3);
}

button {
    width: 100%;
    background-color: #12141f;
    color: white;
    padding: 12px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    font-family: 'Poppins', sans-serif;
}

button:hover {
    background-color: #000000;
    box-shadow: 0 5px 15px rgba(239, 62, 69, 0.3);
}

/* Üye Paneli */
.panel-container {
    max-width: 900px;
    margin: 40px auto;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.istatistik-karti ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 20px;
}

.istatistik-karti li {
    background: #f5f6fd;
    padding: 20px;
    border-radius: 8px;
    flex: 1;
    text-align: center;
    border-bottom: 4px solid #7f96ff;
    font-size: 18px;
}

/* Sınav Masası (Soru Ekranı) */
.sinav-kutusu {
    max-width: 800px;
    margin: 40px auto;
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.soru-blogu {
    background: #fafafc;
    padding: 25px;
    margin-bottom: 25px;
    border-radius: 8px;
    border-left: 5px solid #7f96ff;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    transition: 0.3s;
}

.soru-blogu:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

.soru-blogu label {
    display: block;
    padding: 12px;
    margin: 8px 0;
    background: #fff;
    border: 1px solid #e1e5eb;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
}

.soru-blogu label:hover {
    background: #eef1ff;
    border-color: #7f96ff;
}

/* Sonuç Kartı */
.sonuc-karti {
    max-width: 500px;
    margin: 80px auto;
    background: #fff;
    padding: 40px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-top: 5px solid #0c0d14;
}
/* ===== Ana Sayfa (index.php) ===== */
.ust-menu {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    z-index: 50;
}
.ust-menu .ic {
    max-width: 1100px;
    margin: 0 auto;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo { font-size: 22px; font-weight: 700; color: #0c0d14; text-decoration: none; }
.logo span { color: #12141f; }
.menu-linkler { display: flex; gap: 10px; align-items: center; }
.menu-linkler a { text-decoration: none; font-weight: 600; font-size: 14px; color: #0c0d14; padding: 9px 16px; border-radius: 6px; }
.menu-linkler a:hover { background: #f1f2f5; }
.btn-ana { background: #12141f; color: #fff !important; }
.btn-ana:hover { background: #000000 !important; }
.btn-sari { background: #7f96ff; color: #333 !important; }
.btn-sari:hover { background: #5976f5 !important; }

.hero { background: linear-gradient(135deg, #0c0d14 0%, #181c2a 100%); color: #fff; text-align: center; padding: 90px 20px; }
.hero h1 { font-size: 40px; margin: 0 0 15px; line-height: 1.25; }
.hero h1 em { font-style: normal; color: #7f96ff; }
.hero p { max-width: 640px; margin: 0 auto 30px; font-size: 17px; font-weight: 300; color: #dfe5ff; }
.hero .btn { display: inline-block; text-decoration: none; font-weight: 600; padding: 14px 30px; border-radius: 8px; margin: 5px; }

.bolum { max-width: 1100px; margin: 0 auto; padding: 60px 20px; }
.bolum h2 { text-align: center; color: #0c0d14; margin: 0 0 8px; }
.bolum .alt-baslik { text-align: center; color: #65737b; margin: 0 0 35px; }
.kart-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.kart { background: #fff; border-radius: 12px; padding: 28px 24px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-top: 4px solid #7f96ff; }
.kart:nth-child(2) { border-color: #12141f; }
.kart:nth-child(3) { border-color: #7f96ff; }
.kart .ikon { font-size: 32px; margin-bottom: 10px; }
.kart h3 { margin: 0 0 8px; color: #0c0d14; font-size: 18px; }
.kart p { margin: 0; color: #666; font-size: 14px; line-height: 1.6; }

.sinav-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; }
.sinav-ogesi { background: #fff; border: 1px solid #eee; border-left: 5px solid #12141f; border-radius: 8px; padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.sinav-ogesi strong { display: block; color: #0c0d14; }
.sinav-ogesi small { color: #65737b; }
.sinav-ogesi a { white-space: nowrap; background: #12141f; color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 6px; }
.sinav-ogesi a:hover { background: #000000; }
.bos-mesaj { text-align: center; color: #65737b; padding: 30px; background: #fff; border-radius: 8px; }

.alt-bilgi { background: #0c0d14; color: #b9bed2; text-align: center; padding: 25px 20px; font-size: 13px; }

/* Giriş / Kayıt mesajları */
.hata { background: #fdeded; color: #c0392b; padding: 12px 15px; border-radius: 6px; margin-bottom: 20px; font-size: 14px; border-left: 4px solid #12141f; }
.basari { background: #eafaf1; color: #1e8449; padding: 12px 15px; border-radius: 6px; margin-bottom: 20px; font-size: 14px; border-left: 4px solid #2ecc71; }
.auth-container label { font-size: 14px; font-weight: 600; color: #0c0d14; }
.auth-alt { text-align: center; margin: 20px 0 0; font-size: 14px; color: #666; }
.auth-alt a { color: #12141f; font-weight: 600; text-decoration: none; }

/* Üye paneli ek */
.panel-ust { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; }
.panel-ust h2 { margin: 0; color: #0c0d14; }
.sayi-kutulari { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 15px; margin-bottom: 30px; }
.sayi-kutusu { background: #f5f6fd; border-bottom: 4px solid #7f96ff; border-radius: 8px; padding: 18px; text-align: center; }
.sayi-kutusu b { display: block; font-size: 28px; color: #0c0d14; }
.sayi-kutusu span { font-size: 13px; color: #65737b; }
.tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.tablo th, .tablo td { padding: 10px 12px; border-bottom: 1px solid #eee; text-align: left; }
.tablo th { background: #0c0d14; color: #fff; }

@media (max-width: 600px) {
    .hero h1 { font-size: 28px; }
    .menu-linkler a { padding: 8px 10px; }
}

/* ===== Konu kartları (ana sayfa, giriş yapmış üye) ===== */
.hos-geldin { background: linear-gradient(135deg, #0c0d14 0%, #181c2a 100%); color: #fff; padding: 40px 20px; text-align: center; }
.hos-geldin h1 { margin: 0 0 8px; font-size: 28px; }
.hos-geldin p { margin: 0; color: #dfe5ff; font-weight: 300; }
.konu-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 18px; }
.konu-kart { background: #fff; border-radius: 12px; padding: 22px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-top: 4px solid #7f96ff; display: flex; flex-direction: column; gap: 8px; }
.konu-kart small { color: #65737b; }
.konu-kart h3 { margin: 0; font-size: 17px; color: #0c0d14; line-height: 1.4; }
.konu-sayi { font-size: 14px; color: #555; }
.ilerleme { height: 6px; background: #eee; border-radius: 4px; overflow: hidden; }
.ilerleme > i { display: block; height: 100%; background: #2ecc71; }
.btn-coz { margin-top: 6px; text-align: center; background: #12141f; color: #fff; text-decoration: none; font-weight: 600; font-size: 14px; padding: 10px; border-radius: 6px; }
.btn-coz:hover { background: #000000; }
.btn-coz.pasif { background: #ccc; pointer-events: none; }

/* ===== Soru çözme ekranı (konu.php) ===== */
.ilerleme-bar { height: 8px; background: #eee; border-radius: 4px; overflow: hidden; margin: 20px 0 8px; }
.ilerleme-bar > i { display: block; width: 0; height: 100%; background: #7f96ff; transition: width .4s ease; }
.sayac-yazi { font-size: 13px; color: #65737b; margin-bottom: 15px; }
.soru-karti { background: #fafafc; border: 1px solid #eee; border-left: 5px solid #7f96ff; border-radius: 8px; padding: 25px; }
.soru-ust { text-align: right; }
.zorluk-rozet { font-size: 11px; padding: 3px 8px; border-radius: 4px; color: #fff; font-weight: 600; }
.zorluk-rozet.kolay { background: #4CAF50; }
.zorluk-rozet.zor { background: #7f96ff; }
.soru-metin { font-size: 17px; line-height: 1.6; white-space: pre-line; margin: 5px 0 15px; color: #0c0d14; }

/* Şıklar: global "button" stilini ezmek için tek tek belirtildi */
.sik { display: block; width: 100%; text-align: left; padding: 14px 16px; margin: 8px 0; background: #fff; border: 2px solid #e1e5eb; border-radius: 8px; font-family: inherit; font-size: 15px; font-weight: 400; color: #333; cursor: pointer; transition: background .2s, border-color .2s; }
.sik:not(:disabled):hover { background: #eef1ff; border-color: #7f96ff; box-shadow: none; }
.sik:disabled { cursor: default; opacity: 1; color: #333; }
.sik.dogru { background: #d4f8e0; border-color: #2ecc71; color: #14532d; }
.sik.yanlis { background: #fde2e2; border-color: #12141f; color: #7f1d1d; }
.sik.dogru-isaret { background: #eafaf1; border-color: #2ecc71; }
.bosluk-input { width: 100%; padding: 12px; border: 2px solid #e1e5eb; border-radius: 8px; box-sizing: border-box; font-size: 15px; margin-bottom: 10px; }
.bosluk-input.dogru { background: #d4f8e0; border-color: #2ecc71; }
.bosluk-input.yanlis { background: #fde2e2; border-color: #12141f; }
.btn-cevapla { background: #0c0d14; }
.btn-cevapla:hover { background: #212538; box-shadow: none; }
.btn-cevapla:disabled { opacity: .5; cursor: default; }

.sonuc-kutu { margin-top: 15px; padding: 12px 16px; border-radius: 8px; font-weight: 600; }
.sonuc-kutu.ok { background: #d4f8e0; color: #14532d; }
.sonuc-kutu.hata-k { background: #fde2e2; color: #7f1d1d; }

/* Aşağı doğru açılan cevap anahtarı */
.cevap-anahtari { margin-top: 12px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; background: #fff; }
.ca-baslik { text-align: left; background: #0c0d14; color: #fff; padding: 12px 16px; border-radius: 0; font-size: 14px; }
.ca-baslik:hover { background: #0c0d14; box-shadow: none; }
.ca-baslik::after { content: ' ▾'; float: right; transition: transform .3s; }
.cevap-anahtari.acik .ca-baslik::after { transform: rotate(180deg); }
.ca-icerik { max-height: 0; overflow: hidden; transition: max-height .5s ease; }
.ca-ici { padding: 4px 16px 10px; font-size: 14px; line-height: 1.6; color: #333; }

.btn-ileri { margin-top: 18px; background: #12141f; }
.btn-link { display: inline-block; margin: 8px 5px 0; padding: 10px 20px; background: #0c0d14; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 14px; }
.btn-link.sari { background: #7f96ff; color: #333; }

/* ===== Ortak yerleşim: üstte tam genişlik menü, altında sol menü + içerik ===== */
.auth-container select{width:100%;padding:12px;border:1px solid #dfe1ea;border-radius:6px;font:inherit;margin-bottom:15px;background:#fff}
.ust-menu{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.ust-menu .ic{max-width:none;margin:0;height:60px;padding:0 24px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px}
.menu-linkler{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.menu-linkler a{white-space:nowrap}
.alt-bilgi{margin-top:35px}
.app-govde{display:flex;align-items:flex-start;min-height:calc(100vh - 60px)}
.app-icerik{flex:1 1 auto;min-width:0}
.app-icerik > .alt-bilgi{margin-top:0}
.page-content{max-width:1120px;margin:28px auto;padding:0 24px}

/* Sol menü (üst menünün ALTINDA) */
.user-sidebar{position:sticky;top:60px;flex:0 0 250px;width:250px;height:calc(100vh - 60px);background:#fff;border-right:1px solid #e7eaf0;box-shadow:3px 0 16px rgba(25,40,70,.04);padding:12px 12px 18px;box-sizing:border-box;overflow-y:auto}
.user-sidebar-title{display:flex;align-items:center;gap:10px;padding:3px 8px 9px;font-size:14px;font-weight:700;color:#292e48;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.user-sidebar-title .avatar{flex:0 0 36px;height:36px;border-radius:50%;background:#12141f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.user-sidebar a{display:block;text-decoration:none;color:#354052;font-weight:600;font-size:13px;line-height:1.35;padding:8px 12px;border-radius:9px;margin:1px 0}
.user-sidebar a:hover,.user-sidebar a.active{background:#fff4df;color:#a65e00}
.user-sidebar .menu-ayrac{height:1px;background:#edf0f4;margin:10px 6px}
.user-sidebar .menu-baslik{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#8993a4;padding:8px 12px 4px}
.sira-karti{margin:0 4px 8px;padding:10px;background:linear-gradient(135deg,#292e48,#181c2a);color:#fff;border-radius:11px;font-size:11px;line-height:1.4}
.sira-karti .sk-baslik{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#7f96ff;font-weight:700;margin-bottom:6px}
.sira-karti .sk-kurum{font-weight:700;font-size:12px}
.sira-karti .sk-sinav{color:#dfe5ff;margin-bottom:6px}
.sira-karti .sk-sehir{color:#fff;font-weight:600}
.sira-karti .sk-sira{margin-top:6px;padding-top:7px;border-top:1px solid rgba(255,255,255,.18)}
.sira-karti .sk-sira b{font-size:20px;color:#7f96ff}

@media(max-width:850px){
  .ust-menu .ic{height:auto;flex-wrap:wrap;gap:8px;padding:10px 14px}
  .menu-linkler{flex-wrap:wrap;gap:6px}.menu-linkler a{font-size:13px;padding:7px 10px}
  .app-govde{display:block;min-height:0}
  .user-sidebar{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid #e7eaf0;display:flex;gap:5px;overflow-x:auto;white-space:nowrap;padding:8px 10px;align-items:center}
  .user-sidebar-title,.sira-karti,.menu-ayrac,.menu-baslik{display:none}
  .user-sidebar a{display:inline-block;flex:0 0 auto;font-size:12px;padding:9px}
  .page-content{padding:0 12px}
}

/* ===== Ortak sayfa bileşenleri ===== */
.data-card{background:#fff;border:1px solid #e9edf3;border-radius:14px;padding:22px;box-shadow:0 8px 25px rgba(30,45,70,.04);margin-bottom:20px}
.data-table{width:100%;border-collapse:collapse;background:#fff}
.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #edf0f4;vertical-align:top}
.data-table th{background:#f7f9fc;color:#465267;font-size:13px}
.progress-track{height:8px;background:#edf0f5;border-radius:99px;overflow:hidden;min-width:80px}.progress-track span{display:block;height:100%;background:#efaa25;border-radius:99px}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.topic-link{display:block;text-decoration:none;color:#273449;background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:18px;transition:.2s}.topic-link:hover{border-color:#7f96ff;transform:translateY(-2px)}

/* ===== Ders kartları (index + dersler) ===== */
.ders-hero{background:linear-gradient(135deg,#0c0d14 0%,#181c2a 100%);color:#fff;padding:34px 28px}
.ders-hero small{color:#7f96ff;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:12px}
.ders-hero h1{margin:6px 0 6px;font-size:28px}
.ders-hero p{margin:0;color:#dfe5ff;font-weight:300}
.ders-icerik{padding:26px 28px 40px}
.konu-kart .konu-tipler{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#5b6678}
.konu-kart .konu-tipler span{background:#f3f6fa;border-radius:20px;padding:3px 10px}
.konu-kart .konu-linkler{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.konu-kart .konu-linkler a{font-size:12px;text-decoration:none;color:#a65e00;background:#fff4df;border-radius:6px;padding:5px 9px;font-weight:600}
.konu-kart .konu-linkler a:hover{background:#ffe6b8}

/* ===== Konu sayfası: 5 sekme ===== */
.konu-ust{background:linear-gradient(135deg,#0c0d14 0%,#181c2a 100%);color:#fff;padding:26px 28px 0}
.konu-ust a.geri{color:#7f96ff;text-decoration:none;font-size:13px;font-weight:600}
.konu-ust h1{margin:8px 0 2px;font-size:26px}
.konu-ust small{color:#dfe5ff}
.sekmeler{display:flex;gap:4px;flex-wrap:wrap;margin-top:18px}
.sekme{display:inline-flex;align-items:center;gap:7px;padding:12px 16px;border-radius:10px 10px 0 0;text-decoration:none;color:#dfe5ff;font-weight:600;font-size:14px;background:rgba(255,255,255,.08)}
.sekme:hover{background:rgba(255,255,255,.18)}
.sekme.aktif{background:#f5f6fd;color:#12141f}
.sekme .rozet{font-size:11px;background:#12141f;color:#fff;border-radius:20px;padding:1px 8px}
.sekme.aktif .rozet{background:#7f96ff;color:#333}
.konu-govde{max-width:900px;padding:26px 28px 50px}
.icerik-karti{background:#fff;border:1px solid #e9edf3;border-radius:14px;padding:26px 30px;margin-bottom:18px;box-shadow:0 8px 25px rgba(30,45,70,.04);line-height:1.8;color:#2b3645}
.icerik-karti h2,.icerik-karti h3{color:#0c0d14;margin-top:0}
.icerik-karti ul{padding-left:22px}
.icerik-karti li{margin:5px 0}
.hap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.hap-kart{background:#fff;border:1px solid #e9edf3;border-left:5px solid #7f96ff;border-radius:12px;padding:16px 18px;line-height:1.6;font-size:14.5px;color:#2b3645;box-shadow:0 5px 18px rgba(30,45,70,.04)}
.hap-kart::before{content:'💊 ';}
.bos-durum{background:#fff;border:2px dashed #dfe1ea;border-radius:14px;padding:34px;text-align:center;color:#65737b}
.uyari-kutu{background:#fff4e5;border-left:4px solid #7f96ff;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}

/* Soru akışı (alt alta, otomatik ilerleyen) */
.akis-ust{position:sticky;top:60px;z-index:20;background:#f5f6fd;padding:10px 0 6px}
.soru-karti{margin-bottom:22px;animation:kartGel .35s ease}
@keyframes kartGel{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.soru-no{font-size:12px;font-weight:700;color:#8993a4;letter-spacing:.5px}
.akis-bitis{text-align:center}
@media(max-width:850px){.akis-ust{top:0}.konu-ust,.konu-govde,.ders-hero,.ders-icerik{padding-left:14px;padding-right:14px}}

/* ===== Sıralama sayfaları ===== */
.sira-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}
.sira-ozet div{background:#fff;border:1px solid #e9edf3;border-radius:12px;padding:16px;text-align:center}
.sira-ozet b{display:block;font-size:26px;color:#0c0d14}
.sira-ozet span{font-size:12px;color:#65737b}
.tablo-siralama{width:100%;border-collapse:collapse;min-width:620px}
.tablo-siralama th,.tablo-siralama td{padding:12px;text-align:left;border-bottom:1px solid #edeef3}
.tablo-siralama th{background:#0c0d14;color:#fff}
.tablo-sarma{overflow-x:auto}
.benim-satirim{background:#fff8e8;font-weight:600}
.sirano{font-weight:800;color:#12141f}

/* ===== Düello ===== */
.duello-kart{background:#fff;border:1px solid #e9edf3;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 8px 25px rgba(30,45,70,.04)}
.duello-kart h2,.duello-kart h3{margin-top:0;color:#0c0d14}
.btn-duello{display:inline-block;background:#12141f;color:#fff;border:0;border-radius:9px;padding:13px 22px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;width:auto}
.btn-duello:hover{background:#000000}
.btn-duello.sari{background:#7f96ff;color:#333}.btn-duello.sari:hover{background:#5976f5}
.btn-duello.gri{background:#e9edf3;color:#354052}.btn-duello.gri:hover{background:#dde3eb;box-shadow:none}
.btn-duello:disabled{opacity:.55;cursor:default}
.oda-liste{display:grid;gap:10px}
.oda-satir{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fafafc;border:1px solid #e9edf3;border-left:5px solid #7f96ff;border-radius:10px;padding:13px 16px}
.oda-satir small{color:#65737b}
.kisi-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:14px 0}
.kisi{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fafafc;border:1px solid #e9edf3;border-radius:10px;padding:10px 14px;font-size:14px}
.kisi.ben{border-color:#7f96ff;background:#fff8e8}
.rozet-hazir{font-size:11px;font-weight:700;border-radius:20px;padding:3px 10px;background:#e8f8ee;color:#176b39}
.rozet-bekle{font-size:11px;font-weight:700;border-radius:20px;padding:3px 10px;background:#eef1f5;color:#65737b}
.geri-sayim{font-size:72px;font-weight:800;color:#12141f;text-align:center;line-height:1;margin:10px 0}
.duello-bilgi{color:#5b6678;font-size:14px;text-align:center}
.kazanan-bant{background:linear-gradient(135deg,#7f96ff,#ffcf6b);color:#3b2a00;border-radius:12px;padding:16px;text-align:center;font-size:18px;font-weight:800;margin-bottom:16px}
.soru-karti{scroll-margin-top:140px}
.soru-ust .soru-no{margin-right:6px}


/* Sohbet odaları */
.sohbet-kapsayici{max-width:900px;margin:0 auto;padding:24px}
.sohbet-ust{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.sohbet-ust h1{margin:5px 0;color:#292e48}
.sohbet-ust p{margin:0;color:#687385}
.sohbet-ust small{color:#b46b00;font-weight:700}
.sohbet-durum{display:inline-flex;align-items:center;gap:8px;background:#e8f8ee;color:#187443;border-radius:20px;padding:8px 12px;font-size:13px;font-weight:700}
.sohbet-durum i{width:8px;height:8px;border-radius:50%;background:#28a45b}
.sohbet-not{background:#fff8e8;border:1px solid #f5e5bb;border-radius:8px;padding:11px 14px;color:#69552b;font-size:13px;line-height:1.6}
.sohbet-mesajlar{height:min(55vh,560px);min-height:300px;overflow-y:auto;background:#f7f9fc;border:1px solid #e5e7f0;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}
.sohbet-bos{color:#7a8492;text-align:center;margin:auto;padding:18px}
.sohbet-mesaj{max-width:86%;align-self:flex-start;background:#fff;border:1px solid #e7e9f0;border-radius:12px 12px 12px 3px;padding:10px 13px;box-shadow:0 2px 7px rgba(30,45,65,.04);overflow-wrap:anywhere}
.sohbet-mesaj.benim-mesaj{align-self:flex-end;background:#fff5e4;border-color:#f1d8a5;border-radius:12px 12px 3px 12px}
.sohbet-mesaj-meta{display:flex;align-items:center;gap:16px;justify-content:space-between;font-size:12px;color:#657184;margin-bottom:5px}
.sohbet-mesaj-meta strong{color:#2c314a}
.sohbet-mesaj-meta time{white-space:nowrap;font-size:11px}
.sohbet-mesaj p{margin:0;white-space:pre-wrap;line-height:1.55;color:#292e48}
.sohbet-form{display:flex;gap:10px;align-items:stretch;margin-top:12px}
.sohbet-form textarea{flex:1;min-width:0;resize:vertical;border:1px solid #dbdde8;border-radius:9px;padding:12px;font:inherit;line-height:1.5}
.sohbet-form textarea:focus{outline:2px solid #f5d18b;border-color:#e5a52e}
.sohbet-form button{width:auto;min-width:112px;align-self:stretch;padding:10px 18px}
.sohbet-uyari{color:#b42318;font-size:13px;margin-top:8px;min-height:18px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){
 .sohbet-kapsayici{padding:16px}
 .sohbet-mesajlar{min-height:260px;height:52vh;padding:9px}
 .sohbet-mesaj{max-width:95%}
 .sohbet-form{flex-direction:column}
 .sohbet-form button{width:100%}
}

/* 2026 GYS mobil + konu başlığı + pratik seçim */
.mobile-menu-toggle,.sidebar-close{display:none;width:auto}.pratik-sec-kart{max-width:780px;margin:28px auto}.pratik-form select,.pratik-form input[type=number]{width:100%;padding:12px;margin:7px 0 17px;border:1px solid #dce1e8;border-radius:8px;box-sizing:border-box}.tip-secim{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 20px}.tip-secim input{position:absolute;opacity:0}.tip-secim span{display:block;padding:16px;border:2px solid #e3e5ee;border-radius:10px;text-align:center;font-weight:700;cursor:pointer;background:#fff}.tip-secim input:checked+span{border-color:#12141f;background:#fff1f2;color:#c52d35}.konu-baslik-filtre{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;padding:14px;border-radius:10px;margin-bottom:18px;border:1px solid #e8eaf2}.konu-baslik-filtre a{padding:7px 11px;border-radius:18px;background:#f1f4f8;color:#181c2a;text-decoration:none;font-size:13px}.konu-baslik-filtre a.aktif{background:#12141f;color:#fff}
@media(max-width:900px){.ust-menu .ic{flex-wrap:wrap}.mobile-menu-toggle{display:inline-flex;background:#12141f;color:#fff;padding:9px 12px;font-size:20px}.app-govde{display:block!important}.app-icerik{width:100%!important;margin:0!important;min-width:0}.user-sidebar{position:fixed!important;left:-330px!important;top:0!important;bottom:0;width:300px!important;max-width:86vw;height:100vh;overflow:auto;z-index:1002!important;transition:left .28s ease;padding-top:55px!important}.user-sidebar.open{left:0!important}.sidebar-close{display:block;position:absolute;right:12px;top:10px;background:transparent;color:#fff;font-size:30px;padding:2px 8px}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;z-index:1001;transition:.2s}.sidebar-overlay.open{opacity:1;visibility:visible}body.menu-open{overflow:hidden}.menu-linkler{display:none;width:100%;flex-direction:column;align-items:stretch;padding-top:10px}.menu-linkler.open{display:flex}.menu-linkler a{text-align:center}.ders-icerik,.konu-govde,.page-content,.panel-container,.sinav-kutusu{padding-left:14px!important;padding-right:14px!important;box-sizing:border-box;max-width:100%!important}.konu-grid,.topic-grid{grid-template-columns:1fr!important}.data-table{min-width:650px}.data-card{overflow-x:auto}}
@media(max-width:560px){.tip-secim{grid-template-columns:1fr}.hero h1{font-size:30px}.sekmeler{overflow-x:auto;flex-wrap:nowrap}.sekme{white-space:nowrap}.konu-ust h1{font-size:22px}.soru-karti{padding:16px!important}}

/* ===== Sol menü mobil düzeltme =====
   Eski max-width:850px kuralından kalan yatay flex değerlerini sıfırlar.
   Masaüstünde menü solda sabit sütun, mobilde toggle ile dikey off-canvas çalışır. */
@media (min-width:901px){
  .sidebar-overlay,.sidebar-close{display:none!important}
  .user-sidebar{
    display:block!important;
    position:sticky!important;
    left:auto!important;
    top:60px!important;
    width:250px!important;
    max-width:250px!important;
    height:calc(100vh - 60px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    white-space:normal!important;
    padding:16px 12px 24px!important;
  }
  .user-sidebar-title{display:flex!important}
  .user-sidebar .sira-karti,.user-sidebar .menu-ayrac,.user-sidebar .menu-baslik{display:block!important}
  .user-sidebar a{display:block!important;width:auto!important}
}

@media (max-width:900px){
  .user-sidebar{
    display:block!important;
    flex:none!important;
    align-items:initial!important;
    gap:0!important;
    white-space:normal!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fff!important;
    border-right:1px solid #e7eaf0!important;
    border-bottom:0!important;
    box-shadow:8px 0 30px rgba(20,35,55,.18)!important;
    padding:54px 12px 18px!important;
  }
  .user-sidebar-title{display:flex!important}
  .user-sidebar .sira-karti,.user-sidebar .menu-ayrac,.user-sidebar .menu-baslik{display:block!important}
  .user-sidebar a{
    display:block!important;
    width:auto!important;
    white-space:normal!important;
    font-size:13px!important;
    padding:8px 12px!important;
    margin:1px 0!important;
  }
  .sidebar-close{
    display:block!important;
    position:absolute!important;
    right:10px!important;
    top:8px!important;
    color:#292e48!important;
    background:#f3f5f8!important;
    border:0!important;
    border-radius:8px!important;
    line-height:1!important;
    font-size:27px!important;
    padding:5px 10px!important;
    cursor:pointer!important;
  }
}

/* Masaustu: mobil menu butonlari kesinlikle gizli */
@media (min-width: 901px) {
  .mobile-menu-toggle,
  .sidebar-close,
  .sidebar-overlay {
    display: none !important;
  }
}

/* Ders kartlari alt kisayollari */
.ders-icerik .konu-kart .konu-linkler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.ders-icerik .konu-kart .konu-linkler .konu-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 9px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600;line-height:1.2;text-align:center;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.ders-icerik .konu-kart .konu-linkler .konu-link:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(44,43,49,.08);filter:saturate(1.04)}
.ders-icerik .konu-kart .konu-link-ikon{font-size:16px;line-height:1}
.ders-icerik .konu-kart .konu-linkler .ozet-link{color:#8b6200;background:#fff6d8;border-color:#f1dda0}
.ders-icerik .konu-kart .konu-linkler .hap-link{color:#18794e;background:#eaf8ef;border-color:#c8ead5}
.ders-icerik .konu-kart .konu-linkler .soru-link{color:#c6430d;background:#fff0e8;border-color:#ffd2bd}
.ders-icerik .konu-kart .konu-linkler .bosluk-link{color:#4d5fa8;background:#eef1ff;border-color:#d8def8}
@media (max-width:480px){.ders-icerik .konu-kart .konu-linkler{grid-template-columns:1fr 1fr;gap:6px}.ders-icerik .konu-kart .konu-linkler .konu-link{font-size:11px;padding:7px 5px}}

/* Ders kartları - Doğru/Yanlış + dikkat çeken Soru Çöz */
.ders-icerik .konu-kart .konu-linkler .dogru-yanlis-link{color:#8a4b08;background:#fff4df;border-color:#f3d29c}
.ders-icerik .konu-kart .konu-linkler .dogru-yanlis-link .konu-link-ikon{font-weight:700;color:#d97706}
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk{grid-column:1/-1;min-height:46px;margin-top:2px;font-size:13px;color:#fff;background:#ff5001;border-color:#ff5001;box-shadow:0 4px 12px rgba(0,0,0,.10)}
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk:hover{background:#e84900;border-color:#e84900;filter:none;box-shadow:0 5px 14px rgba(0,0,0,.14)}
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk .konu-link-ikon{font-size:17px}
@media (max-width:480px){.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk{font-size:12px;min-height:44px}}

/* Ders kartı butonları - daha kompakt */
.ders-icerik .konu-kart .konu-linkler .konu-link{
    min-height:32px;
    padding:5px 8px;
    font-size:11px;
}
.ders-icerik .konu-kart .konu-link-ikon{
    font-size:14px;
}
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk{
    min-height:36px;
    padding:6px 10px;
    font-size:12px;
    background:#28a745;
    border-color:#28a745;
    box-shadow:0 3px 9px rgba(0,0,0,.09);
}
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk:hover{
    background:#218838;
    border-color:#218838;
    box-shadow:0 4px 11px rgba(0,0,0,.12);
}
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk .konu-link-ikon{
    font-size:15px;
}
@media (max-width:480px){
    .ders-icerik .konu-kart .konu-linkler .konu-link{
        min-height:30px;
        padding:4px 6px;
        font-size:10.5px;
    }
    .ders-icerik .konu-kart .konu-linkler .soru-link-buyuk{
        min-height:34px;
        padding:5px 8px;
        font-size:11px;
    }
}

/* Son ders butonu ölçü/renk ayarı */
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk{
    min-height:25px;
    max-height:25px;
    height:25px;
    padding:2px 8px;
    line-height:1.1;
}
.ders-icerik .konu-kart .konu-linkler .dogru-yanlis-link{
    color:#b42318;
    background:#fff0f0;
    border-color:#f6c7c7;
}
.ders-icerik .konu-kart .konu-linkler .dogru-yanlis-link .konu-link-ikon{
    color:#d92d20;
}
@media (max-width:480px){
    .ders-icerik .konu-kart .konu-linkler .soru-link-buyuk{
        min-height:25px;
        max-height:25px;
        height:25px;
        padding:2px 7px;
    }
}


/* ===== 2026 GYS PROFESYONEL TEMA: Siyah / Beyaz / #7f96ff ===== */
:root{--gys-black:#07090e;--gys-ink:#12141f;--gys-dark:#181c2a;--gys-blue:#7f96ff;--gys-blue-2:#bcc8ff;--gys-blue-3:#eaeeff;--gys-white:#fff;--gys-line:#d9ddee;--gys-muted:#65737b;--gys-bg:#f5f6fd}
body{background:var(--gys-bg);color:var(--gys-ink)}
.ust-menu{background:rgba(255,255,255,.94);border-bottom:1px solid var(--gys-line);box-shadow:0 8px 30px rgba(7,9,14,.05);backdrop-filter:blur(14px)}
.logo{color:var(--gys-black);letter-spacing:-.5px}.logo span{color:#284ef6}.menu-linkler a{color:var(--gys-ink)}.menu-linkler a:hover{background:var(--gys-blue-3)}
.btn-ana,.btn-sari{background:var(--gys-black)!important;color:#fff!important}.btn-ana:hover,.btn-sari:hover{background:#242738!important}
.kart,.konu-kart,.sinav-ogesi,.panel-container,.sinav-kutusu,.data-card{border-color:var(--gys-line);box-shadow:0 12px 35px rgba(7,9,14,.06)}
.kart{border-top-color:var(--gys-blue)!important}.sinav-ogesi{border-left-color:var(--gys-blue)}
.btn-coz,.sinav-ogesi a{background:var(--gys-black)}.btn-coz:hover,.sinav-ogesi a:hover{background:#282c40}
.alt-bilgi{background:var(--gys-black);color:#a9afc9}
.tablo th{background:var(--gys-black)}input:focus,select:focus,textarea:focus{border-color:var(--gys-blue)!important;box-shadow:0 0 0 3px rgba(127,150,255,.22)!important}
.soru-karti,.soru-blogu{border-left-color:var(--gys-blue)}.ilerleme-bar>i{background:var(--gys-blue)}

/* Slider */
.gys-slider{position:relative;background:var(--gys-black);height:510px;overflow:hidden}
.gys-slider-track,.gys-slide{height:100%}.gys-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease;background:radial-gradient(circle at 78% 35%,rgba(127,150,255,.23),transparent 28%),linear-gradient(120deg,#07090e,#111422 58%,#191f3a);background-image:linear-gradient(90deg,rgba(7,9,14,.92),rgba(7,9,14,.54)),var(--slide-bg);background-size:cover;background-position:center}.gys-slide.aktif{opacity:1;visibility:visible;z-index:1}
.gys-slide:after{content:"";position:absolute;right:-90px;top:-130px;width:430px;height:430px;border:1px solid rgba(127,150,255,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(127,150,255,.025),0 0 0 110px rgba(127,150,255,.018)}
.gys-slide-inner{position:relative;z-index:2;max-width:1100px;margin:auto;height:100%;padding:0 72px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}
.gys-eyebrow,.section-kicker{display:inline-flex;color:var(--gys-blue);font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:16px}
.gys-slide h1{max-width:760px;margin:0 0 18px;font-size:48px;line-height:1.12;letter-spacing:-1.8px}.gys-slide p{max-width:650px;margin:0 0 28px;color:#d2d7eb;font-size:16px;line-height:1.75}
.gys-slider-btn{display:inline-flex;align-items:center;gap:18px;background:var(--gys-blue);color:var(--gys-black);text-decoration:none;font-weight:700;padding:13px 19px;border-radius:7px;box-shadow:0 10px 30px rgba(127,150,255,.18)}.gys-slider-btn:hover{background:#a9b9ff}.gys-slider-btn span{font-size:20px}
.gys-slider-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(0,0,0,.28);color:#fff;font-size:28px}.gys-slider-nav:hover{background:var(--gys-blue);color:#000;box-shadow:none}.gys-slider-nav.onceki{left:18px}.gys-slider-nav.sonraki{right:18px}
.gys-slider-dots{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:7px}.gys-slider-dots button{width:24px;height:4px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.28)}.gys-slider-dots button.aktif{background:var(--gys-blue);width:42px}

/* Kurumlar */
.kurumlar-bolum{max-width:1100px;margin:0 auto;padding:68px 20px 26px}.kurumlar-baslik{text-align:center;max-width:700px;margin:0 auto 30px}.kurumlar-baslik .section-kicker{margin-bottom:7px}.kurumlar-baslik h2{margin:0;color:var(--gys-black);font-size:30px;letter-spacing:-.6px}.kurumlar-baslik p{color:var(--gys-muted);font-size:14px}
.kurum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.kurum-kart{background:#fff;border:1px solid var(--gys-line);border-radius:14px;padding:20px;box-shadow:0 10px 30px rgba(7,9,14,.05);transition:.2s}.kurum-kart:hover{transform:translateY(-3px);border-color:#9badff;box-shadow:0 16px 36px rgba(7,9,14,.08)}
.kurum-kart-ust{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #e7eaf5}.kurum-logo{width:48px;height:48px;border-radius:11px;background:var(--gys-black);display:grid;place-items:center;overflow:hidden;color:var(--gys-blue);font-size:22px;font-weight:700}.kurum-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.kurum-kart-ust small{font-size:9px;letter-spacing:1.5px;color:#7b8a91}.kurum-kart h3{font-size:16px;margin:2px 0 0;color:var(--gys-black)}
.kurum-sinavlar{padding-top:9px}.kurum-sinavlar a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#272b3a;padding:10px 8px;border-radius:7px;font-size:13px}.kurum-sinavlar a:hover{background:var(--gys-blue-3);color:#000}.kurum-sinavlar b{color:#1a42f6}

/* Admin palette */
.admin-sidebar{background:#07090e!important;border-right:1px solid #1f2438}.admin-sidebar h2{color:var(--gys-blue)!important}.admin-sidebar a:hover,.admin-sidebar a.active{background:#191f3b!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--gys-blue)}.admin-toggle{background:#07090e!important}.admin-layout button{background:#12141f}.admin-layout button:hover{background:#282c40}
@media(max-width:760px){.gys-slider{height:430px}.gys-slide-inner{padding:0 42px}.gys-slide h1{font-size:33px}.gys-slide p{font-size:14px}.gys-slider-nav{width:34px;height:34px;font-size:22px}.gys-slider-nav.onceki{left:6px}.gys-slider-nav.sonraki{right:6px}.kurumlar-bolum{padding-top:45px}.kurumlar-baslik h2{font-size:24px}}


/* ===== GYS PREMIUM LANDING 2026 ===== */
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f7f8fc;color:#0c0d14}
.ust-menu{height:70px;padding:0 34px;box-shadow:none;border-bottom:1px solid rgba(12,13,20,.08)}
.logo{font-size:21px;font-weight:850}.menu-linkler{gap:5px}.menu-linkler a{font-size:12px;font-weight:650;padding:9px 12px;border-radius:8px}
.gys-slider{height:590px;border-bottom:1px solid #20253b}.gys-slide{background-image:linear-gradient(90deg,rgba(4,6,11,.96) 0%,rgba(8,10,18,.87) 45%,rgba(8,10,18,.3) 100%),var(--slide-bg)}
.gys-slide-inner{max-width:1180px;padding:0 46px}.gys-eyebrow{padding:7px 10px;border:1px solid rgba(127,150,255,.24);background:rgba(127,150,255,.06);border-radius:20px}
.gys-slide h1{font-size:58px;max-width:820px;line-height:1.03;letter-spacing:-2.8px}.gys-slide p{font-size:17px;max-width:620px;color:#bcc1d8}.gys-slider-btn{border-radius:9px;padding:14px 20px}
.gys-slide:before{content:"GYS";position:absolute;right:5%;bottom:-110px;color:rgba(127,150,255,.035);font-size:330px;font-weight:900;letter-spacing:-35px}
.trust-strip{max-width:1080px;margin:-36px auto 38px;position:relative;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dcdfee;border-radius:15px;box-shadow:0 18px 50px rgba(5,7,17,.09);overflow:hidden}
.trust-stat{padding:24px 28px;border-right:1px solid #e6e8f2}.trust-stat:last-child{border:0}.trust-stat strong{display:block;font-size:27px;letter-spacing:-1px;color:#080a14}.trust-stat span{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#73828a;font-weight:700;margin-top:4px}
.kurumlar-bolum{max-width:1180px;padding:60px 28px 70px}.kurumlar-baslik h2,.center-heading h2,.journey-head h2,.faq-copy h2{font-size:38px;letter-spacing:-1.5px}.kurumlar-baslik p,.center-heading p{font-size:14px;line-height:1.7}.kurum-kart{border-radius:12px;padding:18px;box-shadow:none}.kurum-kart:hover{box-shadow:0 20px 50px rgba(7,9,14,.08)}.kurum-logo{border-radius:9px}
.premium-section{max-width:1180px;margin:0 auto;padding:90px 28px}.split-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:75px;align-items:center}.section-copy h2{font-size:46px;line-height:1.08;letter-spacing:-2px;margin:4px 0 22px}.section-copy h2 em{font-style:normal;color:#284ef6}.section-copy>p{color:#667780;line-height:1.8;font-size:15px;max-width:500px}
.feature-checks{margin:30px 0}.feature-checks>div{display:flex;gap:14px;padding:14px 0;border-top:1px solid #e1e4ef}.feature-checks i{font-style:normal;color:#2147f1;font-size:10px;font-weight:800;margin-top:3px}.feature-checks span{display:flex;flex-direction:column;gap:4px}.feature-checks b{font-size:13px}.feature-checks small{color:#7b8a91;font-size:11px}.text-cta{display:inline-flex;gap:14px;align-items:center;text-decoration:none;color:#080a14;font-size:12px;font-weight:800;border-bottom:2px solid #7f96ff;padding-bottom:5px}
.dashboard-showcase{position:relative;min-height:460px;display:grid;place-items:center}.showcase-glow{position:absolute;width:440px;height:440px;background:#7f96ff;filter:blur(100px);opacity:.15;border-radius:50%}.mock-window{position:relative;width:100%;background:#0b0d14;border:1px solid #282d41;border-radius:16px;box-shadow:0 35px 80px rgba(3,4,10,.28);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}
.mock-top{height:39px;background:#121521;border-bottom:1px solid #262939;display:flex;align-items:center;gap:6px;padding:0 13px;color:#78909b;font-size:9px}.mock-top span{width:7px;height:7px;border-radius:50%;background:#33374b}.mock-top b{margin-left:8px;font-weight:600}.mock-body{height:340px;display:flex}.mock-body aside{width:54px;border-right:1px solid #1e2231;padding:15px 11px;display:flex;flex-direction:column;align-items:center;gap:18px}.mock-logo{width:27px;height:27px;background:#7f96ff;color:#080a14;border-radius:7px;display:grid;place-items:center;font-weight:900}.mock-body aside i{width:19px;height:4px;background:#282c3f;border-radius:3px}.mock-content{flex:1;padding:24px;color:#fff}.mock-welcome small{color:#7f96ff;font-size:8px;letter-spacing:1.5px}.mock-welcome h3{margin:5px 0;font-size:20px}.mock-welcome p{font-size:9px;color:#718892}.mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.mock-metrics>div{background:#11141f;border:1px solid #222637;border-radius:8px;padding:11px}.mock-metrics small{display:block;font-size:7px;color:#718892}.mock-metrics strong{display:block;font-size:18px;margin:5px 0}.mock-metrics span{font-size:7px;color:#7f96ff}.mini-bar{height:3px;background:#272a39;display:block!important}.mini-bar i{height:100%;display:block;background:#7f96ff}.mock-course{display:flex;justify-content:space-between;background:#0e101b;border-bottom:1px solid #1f2332;padding:9px 10px;font-size:8px;color:#a9aec3}.mock-course b{color:#7f96ff}.mock-chart{height:65px;margin-top:13px;display:flex;gap:8px;align-items:end}.mock-chart i{flex:1;background:linear-gradient(#7f96ff,#1a2142);border-radius:3px 3px 0 0}.mock-chart i:nth-child(1){height:30%}.mock-chart i:nth-child(2){height:46%}.mock-chart i:nth-child(3){height:40%}.mock-chart i:nth-child(4){height:65%}.mock-chart i:nth-child(5){height:58%}.mock-chart i:nth-child(6){height:76%}.mock-chart i:nth-child(7){height:70%}.mock-chart i:nth-child(8){height:91%}
.floating-card{position:absolute;z-index:3;background:#fff;border:1px solid #dbdeed;border-radius:10px;padding:10px 13px;display:flex;gap:9px;align-items:center;box-shadow:0 14px 35px rgba(4,6,14,.15)}.floating-card>span{width:28px;height:28px;border-radius:7px;background:#e9edff;color:#072dd4;display:grid;place-items:center;font-weight:900}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:10px}.floating-card small{font-size:8px;color:#7b8b92;margin-top:2px}.fc-one{left:-25px;bottom:48px}.fc-two{right:-20px;top:42px}
.tools-section{max-width:none;background:#080a14;color:#fff;padding-left:max(28px,calc((100% - 1124px)/2));padding-right:max(28px,calc((100% - 1124px)/2))}.center-heading{text-align:center;max-width:700px;margin:0 auto 45px}.center-heading h2{margin:5px 0 12px;color:#fff}.center-heading p{color:#8499a2}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{position:relative;min-height:280px;padding:24px;background:#0e101b;border:1px solid #1f2232;border-radius:12px;overflow:hidden;transition:.25s}.tool-card:hover{transform:translateY(-4px);border-color:#39436d;background:#111524}.tool-card.featured{background:linear-gradient(145deg,#121629,#0b0e19);border-color:#2d3761}.tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#15192c;color:#7f96ff;font-weight:900;margin-bottom:35px}.tool-card>small{font-size:8px;letter-spacing:1.3px;color:#6c858f}.tool-card h3{font-size:17px;margin:8px 0}.tool-card p{font-size:11px;line-height:1.65;color:#8499a2;max-width:290px}.tool-ui,.micro-tags,.versus,.rank-line{position:absolute;left:24px;right:24px;bottom:22px;display:flex;gap:6px}.tool-ui span,.micro-tags b{background:#171a2a;border:1px solid #272c41;padding:7px 10px;border-radius:6px;font-size:9px;color:#9196af}.tool-ui .selected{background:#7f96ff;color:#070914}.score-ring{position:absolute;right:24px;bottom:20px;width:58px;height:58px;border:5px solid #7f96ff;border-left-color:#1c213a;border-radius:50%;display:grid;place-items:center;font-weight:800}.score-ring small{font-size:7px;font-weight:500}.versus{align-items:center}.versus span{flex:1;padding:8px;background:#151827;text-align:center;border-radius:6px;font-size:8px}.versus b{color:#7f96ff;font-size:9px}.rank-line{align-items:center}.rank-line b{font-size:24px;color:#7f96ff}.rank-line span{font-size:9px;color:#8299a2}.rank-line i{margin-left:auto;font-style:normal;color:#7f96ff;font-size:9px}
.journey-section{padding-top:100px;padding-bottom:100px}.journey-head{text-align:center;margin-bottom:42px}.journey-head h2{margin:4px 0}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfd3e4}.journey-grid>div{position:relative;padding:30px 25px 10px;border-right:1px solid #dcdfed}.journey-grid>div:last-child{border:0}.journey-grid b{position:absolute;top:-13px;left:22px;background:#7f96ff;color:#080a14;padding:5px 8px;border-radius:5px;font-size:9px}.journey-grid span{display:block;font-size:15px;font-weight:800;margin:10px 0}.journey-grid p{font-size:11px;line-height:1.6;color:#718188}
.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;border-top:1px solid #dcdfed}.faq-copy h2{margin:5px 0 15px}.faq-copy p{color:#73828a;font-size:12px}.faq-list details{border-bottom:1px solid #d9dceb;padding:18px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:13px;font-weight:750;display:flex;justify-content:space-between}.faq-list summary span{color:#2248f3;font-size:18px}.faq-list p{color:#6e7f87;font-size:11px;line-height:1.7;max-width:650px}
.final-cta{max-width:1124px;margin:0 auto 90px;background:#080a14;border-radius:16px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:300px;height:300px;background:#7f96ff;filter:blur(100px);opacity:.12;right:0}.final-cta span{font-size:8px;letter-spacing:1.8px;color:#7f96ff}.final-cta h2{font-size:29px;margin:7px 0}.final-cta p{font-size:11px;color:#879ca5}.final-cta a{position:relative;z-index:2;background:#7f96ff;color:#080a14;text-decoration:none;padding:13px 17px;border-radius:8px;font-size:11px;font-weight:800;display:flex;gap:18px}
.bolum{padding-top:45px}.alt-bilgi{padding-top:30px;padding-bottom:30px}
@media(max-width:900px){.split-section{grid-template-columns:1fr;gap:35px}.tool-grid{grid-template-columns:repeat(2,1fr)}.faq-section{grid-template-columns:1fr;gap:30px}.journey-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{margin-left:16px;margin-right:16px}.gys-slide h1{font-size:46px}}
@media(max-width:620px){.ust-menu{height:auto;padding:10px 14px}.gys-slider{height:510px}.gys-slide-inner{padding:0 28px}.gys-slide h1{font-size:36px;letter-spacing:-1.5px}.gys-slide p{font-size:14px}.trust-strip{grid-template-columns:repeat(2,1fr);margin-top:-25px}.trust-stat{padding:17px}.trust-stat:nth-child(2){border-right:0}.trust-stat strong{font-size:22px}.premium-section{padding:60px 18px}.section-copy h2,.kurumlar-baslik h2,.center-heading h2,.journey-head h2,.faq-copy h2{font-size:30px}.dashboard-showcase{min-height:350px}.mock-body{height:280px}.mock-content{padding:14px}.mock-metrics{grid-template-columns:1fr 1fr}.mock-metrics>div:last-child{display:none}.floating-card{display:none}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:245px}.journey-grid{grid-template-columns:1fr}.journey-grid>div{border-right:0;border-bottom:1px solid #dcdfed}.final-cta{margin:0 14px 60px;padding:34px 24px;display:block}.final-cta a{margin-top:22px;display:inline-flex}.kurumlar-bolum{padding-left:18px;padding-right:18px}}


/* ===== GYS AÇIK MAVİ PREMIUM REVİZYON ===== */
:root{
 --sky-950:#161f48;--sky-900:#1c295f;--sky-800:#243581;--sky-700:#233fb9;
 --sky-600:#3254e9;--sky-500:#7f96ff;--sky-400:#9caeff;--sky-300:#bdc9ff;
 --sky-200:#d8dfff;--sky-100:#ecefff;--sky-50:#f7f8ff;
 --ink:#181e3a;--muted:#6b8490;--line:#d8ddf5;
}
body{background:linear-gradient(180deg,#fff 0,#f8f9ff 45%,#f3f5fe 100%);color:var(--ink)}
.ust-menu{background:rgba(255,255,255,.95);border-bottom:1px solid #d9def5;box-shadow:0 7px 28px rgba(42,65,170,.07)}
.logo{color:#1b244a}.logo span{color:#2245e3}.menu-linkler a{color:#3a4265}.menu-linkler a:hover{background:#eaeeff;color:#142ea4}
.btn-ana,.btn-sari{background:linear-gradient(135deg,#2645cf,#7f96ff)!important;color:#0c1747!important;box-shadow:0 8px 20px rgba(41,74,222,.18)}.btn-ana:hover,.btn-sari:hover{background:linear-gradient(135deg,#1b39bd,#627efb)!important}

/* Hero artık siyah blok değil; açık mavi, ferah ve katmanlı */
.gys-slider{height:590px;background:#eaeeff;border-bottom:1px solid #ccd4f8}
.gys-slide{background-image:
 linear-gradient(90deg,rgba(242,244,255,.98) 0%,rgba(235,239,255,.92) 48%,rgba(223,229,255,.66) 100%),
 var(--slide-bg);
 color:#161f48}
.gys-slide:before{color:rgba(31,64,210,.055)}
.gys-slide:after{border-color:rgba(38,71,216,.16);box-shadow:0 0 0 55px rgba(127,150,255,.06),0 0 0 110px rgba(127,150,255,.035)}
.gys-slide-inner{color:#192249}
.gys-eyebrow{color:#1430b0;border-color:#a9b8fb;background:rgba(255,255,255,.66)}
.gys-slide h1{color:#161f48}.gys-slide p{color:#575e7f}
.gys-slider-btn{background:linear-gradient(135deg,#2a4de8,#7f96ff);color:#101b4b;box-shadow:0 12px 30px rgba(34,67,216,.22)}
.gys-slider-btn:hover{background:#99acff}
.gys-slider-nav{border-color:#b8c3f6;background:rgba(255,255,255,.84);color:#243fb8;box-shadow:0 5px 15px rgba(44,65,160,.08)}
.gys-slider-nav:hover{background:#2a4be0;color:#fff}.gys-slider-dots button{background:#b3bdea}.gys-slider-dots button.aktif{background:#1c40df}

/* Ana sayaç kartı */
.trust-strip{border-color:#d8ddf5;box-shadow:0 18px 45px rgba(44,67,167,.09)}
.trust-stat{border-color:#e1e5f6}.trust-stat strong{color:#1c2656}.trust-stat span{color:#78909a}

/* Kurum kartları */
.kurumlar-bolum{position:relative}.kurumlar-bolum:before{content:"";position:absolute;z-index:-1;width:390px;height:390px;left:-250px;top:30px;border-radius:50%;background:#dfe5ff;filter:blur(15px)}
.kurum-kart{background:linear-gradient(145deg,#fff,#f8f9ff);border-color:#d6dcf6}.kurum-kart:hover{border-color:#8298fa;box-shadow:0 18px 45px rgba(38,66,190,.10)}
.kurum-logo{background:linear-gradient(145deg,#dfe5ff,#9caeff);color:#1a2d81;border:1px solid #b9c5fa}
.kurum-sinavlar a:hover{background:#e9edff;color:#1e3599}

/* İç vitrin: açık mavi panel */
.split-section{position:relative}
.split-section:before{content:"";position:absolute;right:-100px;top:45px;width:380px;height:380px;background:#dfe5ff;filter:blur(75px);opacity:.65;z-index:-1}
.section-copy h2{color:#1a234d}.section-copy h2 em{color:#1c40df}.section-copy>p{color:#6b8490}.feature-checks>div{border-color:#dce1f5}.feature-checks i{color:#1437d5}.text-cta{color:#1c2757;border-color:#627ef8}

/* Dashboard mockup siyah yerine buz mavisi / lacivert-mavi */
.showcase-glow{background:#7f96ff;opacity:.24}
.mock-window{background:#edf0ff;border-color:#bcc7f7;box-shadow:0 35px 70px rgba(40,62,156,.18)}
.mock-top{background:#dfe4fd;border-color:#bfc9f6;color:#5b6593}.mock-top span{background:#8e9ee7}
.mock-body{background:linear-gradient(145deg,#f8f9ff,#e9edfd)}
.mock-body aside{background:#d9dffc;border-color:#bdc7f3}.mock-logo{background:#2342cd;color:#fff}.mock-body aside i{background:#9da9df}
.mock-content{color:#1b2653}.mock-welcome small{color:#1f3ab2}.mock-welcome p{color:#777e9e}
.mock-metrics>div{background:#fff;border-color:#cfd5f2;box-shadow:0 5px 14px rgba(44,65,159,.05)}.mock-metrics span{color:#223cb1}.mini-bar{background:#d6dcf5}.mini-bar i{background:linear-gradient(90deg,#2d4cd8,#7f96ff)}
.mock-course{background:#f7f8ff;border-color:#d5daf2;color:#5f6788}.mock-course b{color:#223cb1}
.mock-chart i{background:linear-gradient(#516ff4,#b7c4ff)}
.floating-card{border-color:#ccd3f3;box-shadow:0 14px 32px rgba(44,63,151,.13)}.floating-card>span{background:#e1e6ff;color:#223cb1}

/* Araçlar bölümü de tamamen karanlık değil */
.tools-section{background:linear-gradient(145deg,#e8ecfe 0%,#f8f9ff 50%,#e9edff 100%);color:#1a234d;border-top:1px solid #d0d7f6;border-bottom:1px solid #d0d7f6}
.center-heading h2{color:#1a234d}.center-heading p{color:#687092}
.tool-card{background:rgba(255,255,255,.88);border-color:#cfd5f2;box-shadow:0 10px 30px rgba(43,65,163,.05)}
.tool-card:hover{background:#fff;border-color:#8298fa;box-shadow:0 18px 38px rgba(36,63,183,.10)}
.tool-card.featured{background:linear-gradient(145deg,#dfe5ff,#fff);border-color:#a9b7f6}
.tool-icon{background:#dfe5ff;color:#1d38af}.tool-card>small{color:#6b7397}.tool-card h3{color:#1c2653}.tool-card p{color:#6d8792}
.tool-ui span,.micro-tags b{background:#edf0fd;border-color:#d1d7f3;color:#555e86}.tool-ui .selected{background:#6580f8;color:#121e53}
.score-ring{border-color:#4f6df3;border-left-color:#d6dcf5;color:#1c2653}
.versus span{background:#eaedfd;color:#525c87}.versus b,.rank-line b{color:#223cb1}.rank-line span{color:#697193}.rank-line i{color:#223cb1}

/* Yol haritası, FAQ, CTA */
.journey-grid{border-color:#cfd5ee}.journey-grid>div{border-color:#d7dcf1}.journey-grid b{background:#758dfa;color:#151f4d}.journey-grid span{color:#1c2653}.journey-grid p{color:#718b96}
.faq-section{border-color:#d8ddf1}.faq-list details{border-color:#d8ddf1}.faq-list summary{color:#1c2653}.faq-list summary span{color:#183bd5}.faq-list p{color:#6d8792}
.final-cta{background:linear-gradient(120deg,#1f3182 0%,#2341c8 55%,#7089fa 135%);box-shadow:0 24px 55px rgba(39,62,168,.18)}
.final-cta:after{background:#c6d0ff;opacity:.20}.final-cta span{color:#c9d3ff}.final-cta p{color:#d8defb}.final-cta a{background:#fff;color:#1c2f81}

/* Genel içerik sayfalarının iç dizaynı */
.page-content,.panel-container{background:transparent}
.kart,.konu-kart,.sinav-ogesi,.sinav-kutusu,.data-card{background:linear-gradient(145deg,#fff,#f9faff);border-color:#d5daf2;box-shadow:0 9px 26px rgba(47,68,161,.055)}
.kart:hover,.konu-kart:hover{border-color:#9eaef5;box-shadow:0 15px 35px rgba(47,68,161,.09)}
.kart{border-top-color:#5572f3!important}.sinav-ogesi{border-left-color:#5572f3}
.btn-coz,.sinav-ogesi a{background:linear-gradient(135deg,#233fba,#516ff3);color:#fff}.btn-coz:hover,.sinav-ogesi a:hover{background:#223899}
.tablo th{background:#293e99}.alt-bilgi{background:#19234e;color:#c7cff0}

/* Admin: siyah yerine derin mavi */
.admin-sidebar{background:linear-gradient(180deg,#1c2656,#161f48)!important;border-right-color:#2d396e}.admin-sidebar h2{color:#a8b8ff!important}.admin-sidebar a{color:#dce1f6}.admin-sidebar a:hover,.admin-sidebar a.active{background:#293a83!important;box-shadow:inset 3px 0 0 #7f96ff}.admin-toggle{background:#1c2656!important}.admin-layout{background:#f4f6fe!important}.admin-layout button{background:#243fb8}.admin-layout button:hover{background:#223794}

/* SORU COZ: ALTTA STICKY DOGRU/YANLIS SAYACI */
body:has(.akis-alt-sabit) .page-content{padding-bottom:100px}
.akis-alt-sabit{position:sticky;bottom:12px;z-index:50;width:min(720px,calc(100% - 20px));margin:28px auto 0;background:rgba(255,255,255,.95);border:1px solid #ccd3f3;border-radius:13px;box-shadow:0 12px 35px rgba(33,53,144,.16);backdrop-filter:blur(12px);overflow:hidden}
.akis-alt-ic{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}.akis-durum{font-size:10px;font-weight:800;color:#636b8c;text-transform:uppercase;letter-spacing:.6px}.akis-sonuclar{display:flex;gap:18px;font-size:11px;font-weight:800}.dogru-mini{color:#18885b}.yanlis-mini{color:#c54b54}
.akis-alt-sabit .ilerleme-bar{height:3px;margin:0;background:#e2e6f6;border-radius:0}.akis-alt-sabit .ilerleme-bar i{background:linear-gradient(90deg,#3152e5,#7f96ff)}
@media(max-width:600px){.akis-durum{display:none}.akis-sonuclar{width:100%;justify-content:space-around}}

/* DOGRU / YANLIS SAYACI - TARAYICI ALTINA SABIT */
.akis-alt-sabit{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    z-index:9999!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -8px 28px rgba(33,53,144,.13)!important;
    backdrop-filter:blur(14px);
}
.akis-alt-sabit .akis-alt-ic{
    width:min(1120px,calc(100% - 32px));
    margin:0 auto;
    min-height:48px;
    padding:7px 0;
}
.akis-alt-sabit .ilerleme-bar{
    width:100%;
    margin:0!important;
}
body:has(.akis-alt-sabit){
    padding-bottom:58px;
}
@media(max-width:600px){
    .akis-alt-sabit .akis-alt-ic{
        width:calc(100% - 24px);
        min-height:46px;
    }
}

/* DOGRU / YANLIS SAYACI - ALT ORTADA KUCUK SABIT KUTU */
.akis-alt-sabit{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    min-width:300px!important;
    max-width:calc(100% - 28px)!important;
    margin:0!important;
    border:1px solid #ccd3f3!important;
    border-radius:12px!important;
    z-index:9999!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 8px 24px rgba(33,53,144,.16)!important;
    overflow:hidden!important;
}
.akis-alt-sabit .akis-alt-ic{
    width:auto!important;
    min-height:auto!important;
    margin:0!important;
    padding:8px 14px!important;
    gap:20px!important;
}
.akis-alt-sabit .akis-durum{display:none!important}
.akis-alt-sabit .akis-sonuclar{
    width:auto!important;
    justify-content:center!important;
    gap:18px!important;
    white-space:nowrap!important;
    font-size:11px!important;
}
.akis-alt-sabit .ilerleme-bar{
    width:100%!important;
    height:3px!important;
}
body:has(.akis-alt-sabit){padding-bottom:62px!important}
@media(max-width:420px){
    .akis-alt-sabit{min-width:260px!important;bottom:9px!important}
    .akis-alt-sabit .akis-alt-ic{padding:7px 11px!important}
}

/* SORU COZUM SAYACI - KOMPAKT / ESTETIK */
.akis-alt-sabit{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    min-width:0!important;
    max-width:calc(100% - 24px)!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d8dcef!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 8px 26px rgba(33,47,113,.13)!important;
    overflow:hidden!important;
    z-index:9999!important;
}
.akis-alt-sabit .akis-alt-ic{
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 12px!important;
    gap:0!important;
}
.akis-alt-sabit .akis-durum{display:none!important}
.akis-alt-sabit .akis-sonuclar{
    display:flex!important;
    width:auto!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    font-size:11px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
.akis-alt-sabit .dogru-mini,
.akis-alt-sabit .yanlis-mini{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:5px 9px!important;
    border-radius:9px!important;
}
.akis-alt-sabit .dogru-mini{
    color:#18885b!important;
    background:#edf9f4!important;
}
.akis-alt-sabit .yanlis-mini{
    color:#ef5b5b!important;
    background:#fff1f1!important;
}
.akis-alt-sabit .dogru-mini::before{
    content:"✓"!important;
    display:grid!important;
    place-items:center!important;
    width:17px!important;
    height:17px!important;
    border-radius:50%!important;
    color:#fff!important;
    background:#28a76f!important;
    font-size:10px!important;
    line-height:1!important;
}
.akis-alt-sabit .yanlis-mini::before{
    content:"×"!important;
    display:grid!important;
    place-items:center!important;
    width:17px!important;
    height:17px!important;
    border-radius:50%!important;
    color:#fff!important;
    background:#ef5b5b!important;
    font-size:12px!important;
    line-height:1!important;
}
.akis-alt-sabit .dogru-mini,
.akis-alt-sabit .yanlis-mini{
    font-size:0!important;
}
.akis-alt-sabit .dogru-mini b,
.akis-alt-sabit .yanlis-mini b{
    font-size:11px!important;
}
.akis-alt-sabit .dogru-mini b::after{
    content:" Doğru";
    font-size:11px;
}
.akis-alt-sabit .yanlis-mini b::after{
    content:" Yanlış";
    font-size:11px;
}
.akis-alt-sabit .ilerleme-bar{
    width:100%!important;
    height:2px!important;
    margin:0!important;
    background:#edeff6!important;
}
@media(max-width:420px){
    .akis-alt-sabit{bottom:9px!important}
    .akis-alt-sabit .akis-alt-ic{padding:7px 9px!important}
    .akis-alt-sabit .dogru-mini,.akis-alt-sabit .yanlis-mini{padding:4px 7px!important}
}

/* SORU COZUM SAYACI - PREMIUM PROFESYONEL */
.akis-alt-sabit{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    min-width:0!important;
    max-width:calc(100% - 24px)!important;
    margin:0!important;
    padding:5px!important;
    border:1px solid rgba(173,182,223,.72)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.90)!important;
    box-shadow:0 10px 32px rgba(31,44,99,.14),0 2px 8px rgba(31,44,99,.07)!important;
    backdrop-filter:blur(16px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
    overflow:hidden!important;
    z-index:9999!important;
}
.akis-alt-sabit .akis-alt-ic{
    display:flex!important;
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:5px!important;
}
.akis-alt-sabit .akis-durum{display:none!important}
.akis-alt-sabit .akis-sonuclar{
    display:flex!important;
    width:auto!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    white-space:nowrap!important;
}
.akis-alt-sabit .dogru-mini,
.akis-alt-sabit .yanlis-mini{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:84px!important;
    padding:7px 10px 7px 8px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    font-size:0!important;
    line-height:1!important;
    transition:.2s ease!important;
}
.akis-alt-sabit .dogru-mini{
    color:#16835a!important;
    background:linear-gradient(180deg,#f2fcf7 0%,#eaf8f2 100%)!important;
    border-color:#d7f0e4!important;
}
.akis-alt-sabit .yanlis-mini{
    color:#df4f59!important;
    background:linear-gradient(180deg,#fff7f7 0%,#fff0f1 100%)!important;
    border-color:#f6dfe1!important;
}
.akis-alt-sabit .dogru-mini::before,
.akis-alt-sabit .yanlis-mini::before{
    display:grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    color:#fff!important;
    font-weight:900!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 8px rgba(0,0,0,.09)!important;
}
.akis-alt-sabit .dogru-mini::before{
    content:"✓"!important;
    background:linear-gradient(135deg,#31b67d,#209765)!important;
    font-size:13px!important;
}
.akis-alt-sabit .yanlis-mini::before{
    content:"×"!important;
    background:linear-gradient(135deg,#f36b73,#e34f59)!important;
    font-size:17px!important;
}
.akis-alt-sabit .dogru-mini b,
.akis-alt-sabit .yanlis-mini b{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:3px!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:-.2px!important;
}
.akis-alt-sabit .dogru-mini b::after,
.akis-alt-sabit .yanlis-mini b::after{
    font-size:10px!important;
    font-weight:750!important;
    letter-spacing:.1px!important;
    opacity:.78!important;
}
.akis-alt-sabit .dogru-mini b::after{content:"Doğru"!important}
.akis-alt-sabit .yanlis-mini b::after{content:"Yanlış"!important}
.akis-alt-sabit .ilerleme-bar{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:0!important;
    width:auto!important;
    height:2px!important;
    margin:0!important;
    background:transparent!important;
}
.akis-alt-sabit .ilerleme-bar i{
    display:block!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#3152e5,#7f96ff)!important;
}
@media(max-width:420px){
    .akis-alt-sabit{bottom:10px!important;padding:4px!important;border-radius:14px!important}
    .akis-alt-sabit .dogru-mini,.akis-alt-sabit .yanlis-mini{min-width:78px!important;padding:6px 8px 6px 7px!important}
    .akis-alt-sabit .dogru-mini::before,.akis-alt-sabit .yanlis-mini::before{width:22px!important;height:22px!important;flex-basis:22px!important}
}


/* Soru Çöz büyük buton - tatlı kırmızı */
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk {
    background: #ef5b5b !important;
    border-color: #ef5b5b !important;
    color: #fff !important;
}
.ders-icerik .konu-kart .konu-linkler .soru-link-buyuk:hover {
    background: #e34f59 !important;
    border-color: #e34f59 !important;
    color: #fff !important;
}


/* Ana sayfa tool-grid kart aksiyonları - koyu mavi premium buton */
.tool-grid .tool-card a,
.tool-grid .tool-card .tool-card-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    margin-top: 14px;
    padding: 9px 15px;
    border: 1px solid #203592;
    border-radius: 9px;
    background: linear-gradient(135deg, #203592 0%, #1a2b7a 100%);
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(26,43,122, .16);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.tool-grid .tool-card a:hover,
.tool-grid .tool-card .tool-card-link:hover {
    background: linear-gradient(135deg, #1a2d80 0%, #15256b 100%);
    border-color: #15256b;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(26,43,122, .23);
}
.tool-grid .tool-card a:active,
.tool-grid .tool-card .tool-card-link:active {
    transform: translateY(0);
}
@media (max-width: 600px) {
    .tool-grid .tool-card a,
    .tool-grid .tool-card .tool-card-link {
        padding: 9px 13px;
        font-size: 11px;
        border-radius: 8px;
    }
}


/* Tool-grid aksiyonları: gys-slider-btn hissinde daha tatlı premium buton */
.tool-grid .tool-card a,
.tool-grid .tool-card .tool-card-link {
    position: relative;
    overflow: hidden;
    min-height: 38px;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #213db8 0%, #203592 100%) !important;
    border: 1px solid rgba(23,41,122, .28) !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(32,53,146, .18) !important;
}
.tool-grid .tool-card a::before,
.tool-grid .tool-card .tool-card-link::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.18) 48%, transparent 76%);
    transform: translateX(-120%);
    transition: transform .45s ease;
}
.tool-grid .tool-card a:hover::before,
.tool-grid .tool-card .tool-card-link:hover::before {
    transform: translateX(120%);
}
.tool-grid .tool-card a:hover,
.tool-grid .tool-card .tool-card-link:hover {
    background: linear-gradient(135deg, #203592 0%, #192b7c 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(32,53,146, .25) !important;
}


/* ===== 2026 SLIDER SON REVIZYON: GERCEK GORSEL + SURE CIZGISI ===== */
.ust-menu{
    min-height:86px!important;
    height:86px!important;
    padding:0 38px!important;
    display:flex!important;
    align-items:center!important;
}
.ust-menu .ic{
    width:100%!important;
    min-height:86px!important;
    height:86px!important;
    padding:0 24px!important;
}
.logo{font-size:23px!important}
.menu-linkler a{padding:11px 15px!important;font-size:13px!important}

.gys-slider{
    position:relative!important;
    height:590px!important;
    background:#eef1fc!important;
    border-bottom:1px solid #d6dbf2!important;
}
.gys-slider-track,.gys-slide{height:100%!important}
.gys-slide{
    background-image:var(--slide-bg)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    color:#192249!important;
}
.gys-slide::before,.gys-slide::after,.gys-slide-overlay{
    display:none!important;
    content:none!important;
}
.gys-slide-inner{
    max-width:1180px!important;
    padding:48px 64px 30px!important;
    box-sizing:border-box!important;
}
/* Admin'de metin girilirse okunur; boş bırakılırsa görsel tamamen temiz kalır */
.gys-slide-inner .gys-eyebrow,
.gys-slide-inner h1,
.gys-slide-inner p,
.gys-slide-inner .gys-slider-btn{
    position:relative;
    z-index:3;
}
.gys-slide-inner h1{
    max-width:650px!important;
    font-size:50px!important;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.gys-slide-inner p{max-width:590px!important}

/* Üst süre / progress çizgileri */
.gys-slider-progress{
    position:absolute;
    z-index:10;
    top:18px;
    left:50%;
    transform:translateX(-50%);
    width:min(1120px,calc(100% - 100px));
    display:flex;
    gap:8px;
    pointer-events:none;
}
.gys-slider-progress span{
    position:relative;
    flex:1 1 0;
    height:4px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(18,31,88,.20);
    box-shadow:0 1px 4px rgba(255,255,255,.35);
}
.gys-slider-progress span i{
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:inherit;
    background:#223cb1;
}
.gys-slider-progress span.aktif i{
    animation:gysSlideSure 6.5s linear forwards;
}
.gys-slider-progress span.tamam i{width:100%}
@keyframes gysSlideSure{from{width:0}to{width:100%}}

.gys-slider-nav{
    width:46px!important;
    height:46px!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid rgba(28,43,112,.18)!important;
    color:#203592!important;
    box-shadow:0 7px 22px rgba(21,35,99,.12)!important;
    backdrop-filter:blur(8px);
}
.gys-slider-nav:hover{background:#fff!important;color:#17297a!important}
.gys-slider-dots{bottom:18px!important}

@media(max-width:900px){
    .ust-menu{min-height:74px!important;height:auto!important;padding:8px 14px!important}
    .ust-menu .ic{min-height:58px!important;height:auto!important;padding:0!important}
    .gys-slider{height:500px!important}
    .gys-slider-progress{top:12px;width:calc(100% - 32px);gap:5px}
    .gys-slider-progress span{height:3px}
    .gys-slide{background-position:center center!important}
    .gys-slide-inner{padding:42px 42px 28px!important}
    .gys-slide-inner h1{font-size:36px!important}
}
@media(max-width:600px){
    .gys-slider{height:390px!important}
    .gys-slide-inner{padding:38px 28px 25px!important}
    .gys-slide-inner h1{font-size:30px!important}
    .gys-slider-nav{width:34px!important;height:34px!important}
}


/* ===== SLIDER PROGRESS: HEADER ALTINDA TAM GENISLIK ===== */
.gys-slider{
    padding-top:10px!important;
    box-sizing:border-box!important;
    background:#ffffff!important;
}
.gys-slider-track{
    height:calc(100% - 10px)!important;
    position:relative!important;
    overflow:hidden!important;
}
.gys-slider-progress{
    position:absolute!important;
    z-index:12!important;
    top:0!important;
    left:0!important;
    transform:none!important;
    width:100%!important;
    height:10px!important;
    display:flex!important;
    gap:3px!important;
    padding:3px 0!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border-bottom:1px solid #e2e5f3!important;
    box-shadow:0 3px 12px rgba(31,46,112,.05)!important;
}
.gys-slider-progress span{
    flex:1 1 0!important;
    height:4px!important;
    border-radius:0!important;
    background:#e6e9f4!important;
    box-shadow:none!important;
}
.gys-slider-progress span i{
    background:linear-gradient(90deg,#203592 0%,#3757e5 55%,#7f96ff 100%)!important;
    border-radius:0!important;
}
.gys-slider-progress span.aktif i{
    box-shadow:0 0 7px rgba(55,87,229,.28)!important;
}
@media(max-width:900px){
    .gys-slider{padding-top:9px!important}
    .gys-slider-track{height:calc(100% - 9px)!important}
    .gys-slider-progress{height:9px!important;padding:3px 0!important;gap:2px!important}
    .gys-slider-progress span{height:3px!important}
}


/* ===== FINAL: TEK UST LOADING + MOBIL SLIDER + INDEX TOGGLE ===== */

/* Slider altında nokta/çizgi göstergesi yok */
.gys-slider-dots{display:none!important}

/* Tek progress alanı: header hemen altında, banner başlamadan önce */
.gys-slider{
    padding-top:7px!important;
    height:597px!important;
    background:#fff!important;
}
.gys-slider-track{
    height:calc(100% - 7px)!important;
}
.gys-slider-progress{
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:7px!important;
    padding:0!important;
    gap:0!important;
    background:#e7e9f4!important;
    border:0!important;
    box-shadow:none!important;
}
.gys-slider-progress span{
    height:7px!important;
    background:transparent!important;
    border-radius:0!important;
}
.gys-slider-progress span i{
    height:100%!important;
    background:linear-gradient(90deg,#203592,#3253e5,#7f96ff)!important;
    box-shadow:none!important;
}
.gys-slider-progress span.tamam i{width:100%!important}

/* Index üst menü mobil hamburger */
.public-mobile-toggle{
    display:none;
    width:42px;
    height:42px;
    padding:9px;
    border:1px solid #d9dded;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    box-shadow:0 4px 14px rgba(25,37,91,.07);
}
.public-mobile-toggle span{
    display:block;
    width:21px;
    height:2px;
    border-radius:4px;
    background:#203592;
    transition:.22s ease;
}
.public-mobile-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.public-mobile-toggle.open span:nth-child(2){opacity:0}
.public-mobile-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
    .ust-menu{
        min-height:68px!important;
        height:auto!important;
        padding:0 14px!important;
    }
    .ust-menu .ic{
        min-height:68px!important;
        height:auto!important;
        padding:0!important;
        flex-wrap:wrap!important;
        gap:8px!important;
    }
    .public-mobile-toggle{
        display:inline-flex!important;
        margin-left:auto;
    }
    .ust-menu .menu-linkler{
        display:none!important;
        flex:0 0 100%!important;
        width:100%!important;
        padding:8px 0 13px!important;
        gap:5px!important;
        flex-direction:column!important;
        align-items:stretch!important;
        background:#fff!important;
    }
    .ust-menu .menu-linkler.open{display:flex!important}
    .ust-menu .menu-linkler a{
        display:block!important;
        width:100%!important;
        box-sizing:border-box!important;
        text-align:left!important;
        padding:11px 13px!important;
        border-radius:9px!important;
    }

    /* Mobilde bannerı masaüstü kadar yüksek tutma */
    .gys-slider{
        height:auto!important;
        min-height:0!important;
        padding-top:5px!important;
    }
    .gys-slider-track{
        height:auto!important;
        aspect-ratio:8 / 3!important; /* 2048x768 görsellere yakın oran */
        min-height:0!important;
    }
    .gys-slide{
        height:100%!important;
        min-height:0!important;
        background-size:cover!important;
        background-position:center center!important;
    }
    .gys-slider-progress,
    .gys-slider-progress span{height:5px!important}
    .gys-slide-inner{
        height:100%!important;
        min-height:0!important;
        padding:26px 46px 20px!important;
    }
    .gys-slide-inner h1{font-size:30px!important;line-height:1.08!important}
    .gys-slide-inner p{font-size:13px!important;margin-bottom:14px!important}
    .gys-slide-inner .gys-eyebrow{font-size:9px!important}
    .gys-slider-btn{padding:9px 13px!important;font-size:11px!important}
}
@media(max-width:600px){
    .gys-slider-track{aspect-ratio:16 / 7!important}
    .gys-slide-inner{padding:18px 34px 14px!important}
    .gys-slide-inner h1{font-size:22px!important;max-width:72%!important}
    .gys-slide-inner p{font-size:11px!important;max-width:70%!important;line-height:1.35!important}
    .gys-slider-nav{width:30px!important;height:30px!important;font-size:20px!important}
    .gys-slider-nav.onceki{left:4px!important}
    .gys-slider-nav.sonraki{right:4px!important}
}


/* ===== SLIDER: TUM ALANLAR OPSIYONEL + TAM SLIDE LINK ===== */
.gys-slide-full-link{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:block!important;
    cursor:pointer!important;
    background:transparent!important;
    text-decoration:none!important;
}
.gys-slide-inner{position:relative!important;z-index:3!important;pointer-events:none}
.gys-slide-inner a,.gys-slide-inner button{pointer-events:auto!important}
.gys-slider-nav,.gys-slider-progress{z-index:12!important}


/* =========================================================
   FINAL SLIDER + MOBILE OFFCANVAS MENU
   Bu blok önceki slider/menu override'larının tamamını ezer.
   ========================================================= */

/* Slider: bütün slaytlar aynı alanın üzerinde durmalı */
#gysSlider.gys-slider{
    position:relative!important;
    overflow:hidden!important;
    padding-top:7px!important;
    height:597px!important;
    background:#fff!important;
}
#gysSlider .gys-slider-track{
    position:relative!important;
    width:100%!important;
    height:590px!important;
    overflow:hidden!important;
}
#gysSlider .gys-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    z-index:1!important;
    background-image:var(--slide-bg)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transition:opacity .55s ease, visibility .55s ease!important;
}
#gysSlider .gys-slide.aktif{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:2!important;
}
#gysSlider .gys-slide-overlay{
    display:none!important;
}
#gysSlider .gys-slide-full-link{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    z-index:2!important;
    background:transparent!important;
    text-decoration:none!important;
}
#gysSlider .gys-slide-inner{
    position:relative!important;
    z-index:3!important;
    pointer-events:none!important;
}
#gysSlider .gys-slide-inner a,
#gysSlider .gys-slide-inner button{
    pointer-events:auto!important;
}
#gysSlider .gys-slider-nav{
    z-index:20!important;
}
#gysSlider .gys-slider-dots{
    display:none!important;
}

/* Üstte tek progress alanı */
#gysSlider .gys-slider-progress{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:7px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    gap:0!important;
    background:#e7e9f4!important;
    border:0!important;
    z-index:30!important;
}
#gysSlider .gys-slider-progress span{
    position:relative!important;
    flex:1 1 0!important;
    height:7px!important;
    overflow:hidden!important;
    background:transparent!important;
    border-radius:0!important;
}
#gysSlider .gys-slider-progress span i{
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:0!important;
    height:100%!important;
    background:linear-gradient(90deg,#203592,#3253e5,#7f96ff)!important;
}
#gysSlider .gys-slider-progress span.tamam i{
    width:100%!important;
}
#gysSlider .gys-slider-progress span.aktif i{
    animation:gysFinalProgress 6.5s linear forwards!important;
}
@keyframes gysFinalProgress{
    from{width:0}
    to{width:100%}
}

/* Mobil hamburger */
.public-mobile-toggle{
    display:none;
    width:42px;
    height:42px;
    padding:9px;
    border:1px solid #d9dded;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    box-shadow:0 4px 14px rgba(25,37,91,.07);
    z-index:10002;
}
.public-mobile-toggle span{
    display:block;
    width:21px;
    height:2px;
    border-radius:4px;
    background:#203592;
    transition:.22s ease;
}
.public-mobile-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.public-mobile-toggle.open span:nth-child(2){opacity:0}
.public-mobile-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
    .ust-menu{
        min-height:68px!important;
        height:68px!important;
        padding:0 14px!important;
        position:relative!important;
        z-index:10000!important;
    }
    .ust-menu .ic{
        min-height:68px!important;
        height:68px!important;
        padding:0!important;
        flex-wrap:nowrap!important;
    }
    .public-mobile-toggle{
        display:inline-flex!important;
        margin-left:auto!important;
    }

    /* Menü aşağı açılmaz; soldan ekran üzerine gelir */
    .ust-menu .menu-linkler{
        display:flex!important;
        position:fixed!important;
        top:0!important;
        left:0!important;
        bottom:0!important;
        width:min(82vw,320px)!important;
        height:100dvh!important;
        padding:86px 18px 24px!important;
        margin:0!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        gap:7px!important;
        background:#fff!important;
        box-shadow:18px 0 50px rgba(22,31,72,.18)!important;
        transform:translateX(-105%)!important;
        opacity:1!important;
        visibility:visible!important;
        transition:transform .28s ease!important;
        overflow-y:auto!important;
        z-index:10001!important;
    }
    .ust-menu .menu-linkler.open{
        transform:translateX(0)!important;
    }
    .ust-menu .menu-linkler a{
        display:block!important;
        width:100%!important;
        box-sizing:border-box!important;
        text-align:left!important;
        padding:12px 13px!important;
        border-radius:9px!important;
    }

    #gysSlider.gys-slider{
        height:auto!important;
        min-height:0!important;
        padding-top:5px!important;
    }
    #gysSlider .gys-slider-track{
        height:auto!important;
        aspect-ratio:8 / 3!important;
    }
    #gysSlider .gys-slider-progress,
    #gysSlider .gys-slider-progress span{
        height:5px!important;
    }
    #gysSlider .gys-slide-inner{
        height:100%!important;
        min-height:0!important;
        padding:26px 46px 20px!important;
    }
}
@media(max-width:600px){
    #gysSlider .gys-slider-track{aspect-ratio:16 / 7!important}
    #gysSlider .gys-slide-inner{padding:18px 34px 14px!important}
    #gysSlider .gys-slide-inner h1{font-size:22px!important;line-height:1.08!important;max-width:72%!important}
    #gysSlider .gys-slide-inner p{font-size:11px!important;line-height:1.35!important;max-width:70%!important}
    #gysSlider .gys-slider-nav{width:30px!important;height:30px!important;font-size:20px!important}
    #gysSlider .gys-slider-nav.onceki{left:4px!important}
    #gysSlider .gys-slider-nav.sonraki{right:4px!important}
}


/* FINAL: slider altında hiçbir nokta/çizgi göstergesi olmasın */
#gysSlider .gys-slider-dots,
#gysSlider .slider-dots,
#gysSlider .swiper-pagination,
#gysSlider .slick-dots{
    display:none!important;
}

/* FINAL: üst progress gerçek zamanlı, akıcı dolsun */
#gysSlider .gys-slider-progress span i{
    width:0!important;
    transition:none!important;
    animation:none!important;
}
#gysSlider .gys-slider-progress span.tamam i{
    width:100%!important;
}
#gysSlider .gys-slider-progress span.aktif i{
    animation:gysProgressSmooth 6.5s linear forwards!important;
}
@keyframes gysProgressSmooth{
    0%{width:0}
    100%{width:100%}
}


/* ===== FINAL PROGRESS: JS kontrollü gerçek zamanlı dolum ===== */
#gysSlider .gys-slider-progress span i,
#gysSlider .gys-slider-progress span.aktif i,
#gysSlider .gys-slider-progress span.tamam i{
    animation:none!important;
    transition:none!important;
}
#gysSlider .gys-slider-progress span i{
    width:0!important;
}


/* ===== ANA SAYFA DETAYLI KURUM / SINAV / UNVAN KARTLARI ===== */
.kurumlar-detayli{
    max-width:1180px!important;
    margin:0 auto!important;
    padding:64px 28px 72px!important;
}
.kurum-grid-detayli{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:start!important;
}
.kurum-kart-detayli{
    padding:18px!important;
    border:1px solid #d7dcf2!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(39,57,137,.06)!important;
    min-width:0!important;
}
.kurum-kart-detayli:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 18px 42px rgba(39,57,137,.11)!important;
}
.kurum-kart-detayli .kurum-kart-ust{
    align-items:center!important;
    padding-bottom:14px!important;
}
.kurum-kart-detayli .kurum-logo{
    width:56px!important;
    height:56px!important;
    flex:0 0 56px!important;
    padding:5px!important;
    background:#fff!important;
}
.kurum-kart-detayli .kurum-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
}
.kurum-kart-baslik{min-width:0}
.kurum-kart-baslik h3{
    margin:2px 0 4px!important;
    font-size:15px!important;
    line-height:1.25!important;
}
.kurum-kart-baslik>span{
    display:block;
    color:#777e9b;
    font-size:10px;
}
.kurum-toplam-istatistik{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
    margin:13px 0;
}
.kurum-toplam-istatistik span{
    min-width:0;
    padding:8px 4px;
    border:1px solid #dee2f3;
    border-radius:8px;
    background:#f7f8fe;
    color:#718993;
    text-align:center;
    font-size:8px;
    line-height:1.15;
}
.kurum-toplam-istatistik b{
    display:block;
    margin-bottom:3px;
    color:#203592;
    font-size:14px;
}
.kurum-sinavlar-detayli{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    padding-top:0!important;
}
.sinav-unvan-karti{
    padding:12px;
    border:1px solid #e0e3f2;
    border-radius:10px;
    background:linear-gradient(180deg,#fff,#f9faff);
}
.sinav-unvan-baslik span{
    display:block;
    margin-bottom:3px;
    color:#9196ae;
    font-size:7px;
    font-weight:800;
    letter-spacing:1px;
}
.sinav-unvan-baslik strong{
    display:block;
    color:#1d264c;
    font-size:12px;
    line-height:1.3;
}
.sinav-istatistik-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:5px;
    margin-top:10px;
}
.sinav-istatistik-grid span{
    padding:6px 4px;
    border-radius:7px;
    background:#edf0fc;
    text-align:center;
}
.sinav-istatistik-grid b{
    display:block;
    color:#203592;
    font-size:12px;
}
.sinav-istatistik-grid small{
    display:block;
    margin-top:1px;
    color:#748b95;
    font-size:7px;
    line-height:1.15;
}
.sinav-hedef-link{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin-top:9px!important;
    padding:7px 9px!important;
    border-radius:7px!important;
    background:#203592!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:800!important;
    text-decoration:none!important;
}
.sinav-hedef-link:hover{background:#192b7c!important}
@media(max-width:950px){
    .kurum-grid-detayli{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
    .kurumlar-detayli{padding:45px 14px 55px!important}
    .kurum-grid-detayli{grid-template-columns:1fr!important}
    .kurum-kart-detayli{padding:15px!important}
}

/* GYS üye sol menü profil kartı */
.user-sidebar .gys-profile-card{margin:5px 4px 15px;padding:17px 14px 13px;border:1px solid #dce1f9;border-radius:18px;background:linear-gradient(150deg,#fff 0%,#f3f5ff 70%,#eaeeff 100%);box-shadow:0 8px 24px rgba(40,59,144,.09);color:#132a49;font-size:12px;line-height:1.5}
.user-sidebar .gys-profile-identity{display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center}
.user-sidebar .gys-profile-logo{height:65px;width:65px;display:grid;place-items:center;background:#fff;border:1px solid #e3e7f7;border-radius:50%;box-shadow:0 5px 15px #183b5d13;overflow:hidden;font-size:27px}
.user-sidebar .gys-profile-logo img{width:100%;height:100%;object-fit:contain;padding:7px;box-sizing:border-box}
.user-sidebar .gys-profile-name{font-size:17px;font-weight:800;overflow-wrap:anywhere}
.user-sidebar .gys-profile-status{background:#e7f8ee;color:#198352;border-radius:30px;padding:3px 10px;font-size:10px;font-weight:750}
.user-sidebar .gys-profile-status i{display:inline-block;width:7px;height:7px;background:#28b96c;border-radius:50%;margin-right:3px}
.user-sidebar .gys-profile-details{margin-top:15px}
.user-sidebar .gys-profile-institution{font-weight:850;font-size:14px;line-height:1.35}
.user-sidebar .gys-profile-exam{color:#646c91;font-size:12px;margin-top:3px}
.user-sidebar .gys-profile-score{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 10px;padding:10px 11px;border-radius:12px;background:#e1e6ff;color:#4c557f;font-weight:700}
.user-sidebar .gys-profile-score strong{font-size:19px;color:#103a74;letter-spacing:-.4px}
.user-sidebar .gys-profile-city{display:flex;align-items:center;gap:8px;color:#1b3354;font-weight:700;margin:8px 0}
.user-sidebar .gys-profile-ranking{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #d5dbf4;padding-top:11px;margin-top:12px;color:#60728c;font-size:11px}
.user-sidebar .gys-profile-ranking b{color:#21389c}
.user-sidebar .gys-profile-ranking small{display:block}
@media(min-width:768px){.user-sidebar .gys-profile-card{display:block}}

/* Üyelik tipi: ücretsiz sade, VIP vurgulu */
.user-sidebar .gys-profile-status-free{background:#f0f1f6;color:#8b97a3;border:1px solid #e1e3eb;box-shadow:none}
.user-sidebar .gys-profile-status-vip{background:linear-gradient(110deg,#ffdd78,#f5ad33);color:#6b3900;border:1px solid #e8a83d;box-shadow:0 3px 12px rgba(229,160,38,.25);font-weight:900;letter-spacing:.2px}

/* GYS: üye paneli için sol menü ekranın tepesinden, header yalnız sağda */
@media (min-width:901px){
 body:has(.gys-uye-header) .gys-uye-header{position:sticky!important;top:0!important;left:250px!important;margin-left:250px!important;width:calc(100% - 250px)!important;max-width:none!important;box-sizing:border-box!important;z-index:60!important}
 body:has(.gys-uye-header) .app-govde{display:block!important;min-height:calc(100vh - 70px)!important}
 body:has(.gys-uye-header) .user-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:250px!important;max-width:250px!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:80!important;padding-top:12px!important;box-sizing:border-box!important;background:#fff!important;border-right:1px solid #e7eaf0!important}
 body:has(.gys-uye-header) .app-icerik{margin-left:250px!important;width:calc(100% - 250px)!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
}
/* Mobilde mevcut açılır menü düzeni aynen korunur. */

/* Üye profilinde kurum, sınav ve GYS puanı ortalı */
.user-sidebar .gys-profile-card .gys-profile-details{text-align:center!important}
.user-sidebar .gys-profile-card .gys-profile-institution,
.user-sidebar .gys-profile-card .gys-profile-exam{text-align:center!important}
.user-sidebar .gys-profile-card .gys-profile-score{justify-content:center!important;flex-direction:column!important;align-items:center!important;gap:2px!important;text-align:center!important}
.user-sidebar .gys-profile-card .gys-profile-score strong{display:block!important;text-align:center!important}

/* GYS sidebar: only profile card height and dropdown behavior adjusted. Normal links keep original size. */
.user-sidebar .gys-profile-card{padding:12px 13px!important;margin:5px 4px 12px!important}
.user-sidebar .gys-profile-identity{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important}
.user-sidebar a.gys-profile-link{display:flex!important;text-decoration:none!important;background:transparent!important;color:inherit!important;margin:0!important;padding:0!important}
.user-sidebar .gys-profile-logo{width:52px!important;height:52px!important;flex:0 0 52px!important}
.user-sidebar .gys-profile-name{font-size:16px!important;line-height:1.35!important}
.user-sidebar .gys-profile-details{margin-top:9px!important}
.user-sidebar .gys-profile-institution{font-size:13px!important}
.user-sidebar .gys-profile-exam{font-size:12px!important}
.user-sidebar .gys-profile-card .gys-profile-score{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;margin:9px 0 0!important;text-align:left!important}
.user-sidebar .gys-profile-card .gys-profile-score strong{display:inline!important;font-size:18px!important;text-align:right!important}
.user-sidebar .menu-ayrac{display:block;border-top:1px solid #e4e6f1;margin:10px 8px;height:0}
.user-sidebar .gys-ozel-menu{margin:3px 0}
.user-sidebar .gys-ozel-menu summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 14px;border-radius:9px;font-size:inherit;font-weight:700;color:inherit;list-style:none}
.user-sidebar .gys-ozel-menu summary::-webkit-details-marker{display:none}
.user-sidebar .gys-ozel-menu summary:hover,.user-sidebar .gys-ozel-menu[open] summary{background:#fff4df;color:#a65e00}
.user-sidebar .gys-ozel-chevron{transition:transform .2s}
.user-sidebar .gys-ozel-menu[open] .gys-ozel-chevron{transform:rotate(180deg)}
.user-sidebar .gys-ozel-icerik{border-left:2px solid #e4e7f3;margin:2px 0 5px 14px;padding-left:5px}
.user-sidebar .gys-ozel-icerik a{display:block;white-space:normal;padding:11px 12px;font-size:inherit;line-height:inherit;text-decoration:none}
@media(max-width:900px){.user-sidebar .gys-ozel-menu{width:100%}.user-sidebar .gys-profile-card{display:block!important}}

/* Son istek: logo üstte, kullanıcı adı hemen altında; diğer menü boyutlarına dokunma. */
.user-sidebar .gys-profile-identity,
.user-sidebar a.gys-profile-link{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:6px!important;
}
.user-sidebar .gys-profile-name{display:block!important;text-align:center!important}
/* Özel Menü başlığı ve alt bağlantıları, Dersler ile birebir aynı font boyutunda. */
.user-sidebar .gys-ozel-menu > summary,
.user-sidebar .gys-ozel-icerik > a{font-size:13px!important;line-height:1.35!important}
@media(max-width:900px){
  .user-sidebar .gys-ozel-menu > summary,
  .user-sidebar .gys-ozel-icerik > a{font-size:12px!important}
}


/* GYS mobil: tek hamburger, siyah buton en sagda */
@media (max-width:900px) {
  .ust-menu .ic {display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;}
  .ust-menu .logo {margin-right:auto!important;flex:0 1 auto!important;}
  .ust-menu .mobile-menu-toggle {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;order:99!important;margin-left:auto!important;width:43px!important;height:42px!important;padding:0!important;background:#12141f!important;color:#fff!important;border:0!important;border-radius:9px!important;font-size:23px!important;line-height:1!important;}
  .ust-menu .public-mobile-toggle {display:none!important;visibility:hidden!important;}
}

/* Ziyaretçi mobil menüsü: girişte yalnızca siyah kullanıcı toggle'ı */
@media (max-width:900px){
  .ust-menu:not(.gys-uye-header) .public-mobile-toggle{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 42px!important;order:99!important;margin-left:auto!important;}
  .ust-menu.gys-uye-header .public-mobile-toggle{display:none!important;visibility:hidden!important;}
  .ust-menu:not(.gys-uye-header) .mobile-menu-toggle{display:none!important;}
}

/* Boşluk doldurma: genel "button{width:100%}" kuralı cevap kutusunu sıkıştırıyordu */
html body .siklar:has(.bosluk-input){display:flex!important;flex-direction:row!important;align-items:stretch;gap:10px;flex-wrap:nowrap}
html body .siklar .bosluk-input{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:50px;margin:0!important;box-sizing:border-box}
html body .siklar .btn-cevapla{flex:0 0 auto!important;width:auto!important;min-width:120px;margin:0!important}
@media(max-width:560px){html body .siklar:has(.bosluk-input){flex-direction:column!important}html body .siklar .btn-cevapla{width:100%!important}}