/* ===== VOXZ Başvuru Sistemi - Tema (siyah + Kick yeşili) ===== */
:root {
    --bg: #09090b;
    --kart: #131318;
    --kart2: #1a1a21;
    --sinir: #2a2a33;
    --yazi: #ececf1;
    --soluk: #8b8b98;
    --vurgu: #53fc18;
    --vurgu-koyu: #3fc70f;
    --hata: #ff5468;
    --uyari: #ffb020;
    --mavi: #4da3ff;
    --yaricap: 14px;
    --bg-rgb: 9, 9, 11;
    --vurgu-rgb: 83, 252, 24;
    --vurgu-yazi: #07130a;
    --ust-yuk: 64px;
    --alt-logo-yuk: 40px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
    margin: 0; background: var(--bg); color: var(--yazi);
    font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---- Sayfa arka planı (resim/video) ---- */
html { background: var(--bg); }
body.bg-medya { background: transparent !important; position: relative; isolation: isolate; }
.site-arkaplan { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
body.bg-medya > header, body.bg-medya > main, body.bg-medya > footer { position: relative; z-index: 1; }
body.arkaplan-kaydir .site-arkaplan { position: absolute; }
.site-arkaplan-resim { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.site-arkaplan video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.site-arkaplan-karartma { position: absolute; inset: 0; background: #000; opacity: var(--karartma, .5); }
a { color: var(--vurgu); text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: clamp(1.5rem, 4vw, 2.1rem); line-height: 1.25; margin: 1.2rem 0 .8rem; }
h2 { font-size: 1.2rem; margin: 0 0 1rem; letter-spacing: .02em; }
h3 { font-size: 1rem; margin: 1.4rem 0 .6rem; }
code { background: var(--kart2); padding: 2px 6px; border-radius: 6px; font-size: .9em; }

.kap { width: 100%; max-width: 860px; margin: 0 auto; padding: 0 16px; }
body.admin .kap { max-width: 1240px; }

/* ---- Üst / alt ---- */
.ust { background: rgba(var(--bg-rgb), .92); border-bottom: 1px solid var(--sinir); position: sticky; top: 0; z-index: 30; backdrop-filter: blur(8px); }
.ust-ic { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 64px; padding-top: 10px; padding-bottom: 10px; }
.logo { display: flex; align-items: center; justify-content: center; font-weight: 800; letter-spacing: .12em; color: var(--yazi); font-size: 1.1rem; }
.logo:hover { text-decoration: none; color: var(--vurgu); }
.logo img { height: 44px; width: auto; max-width: 70vw; display: block; }
body.admin .ust { position: static; }
.menu { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.menu a { color: var(--yazi); padding: 6px 12px; border-radius: 8px; font-size: .92rem; }
.menu a:hover { background: var(--kart2); text-decoration: none; }
.menu a.cikis { color: var(--hata); }
main.kap { padding-top: 12px; padding-bottom: 40px; min-height: 70vh; }
/* ---- Footer ---- */
.alt { border-top: 1px solid var(--sinir); padding: 32px 0 26px; color: var(--soluk); font-size: .92rem; }
.alt-ic { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
body.alt-sol .alt-ic { align-items: flex-start; text-align: left; }
.alt-logo img { display: block; height: var(--alt-logo-yuk); width: auto; max-width: 70vw; }
.alt-aciklama { max-width: 560px; line-height: 1.6; }
.alt-aciklama p { margin: 0 0 6px; }
.alt-sosyal, .alt-linkler { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
body.alt-sol .alt-sosyal, body.alt-sol .alt-linkler { justify-content: flex-start; }
.alt-sosyal a.ikon-baglanti {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; padding: 0; border: 1px solid var(--sinir); border-radius: 50%;
    color: var(--yazi); background: var(--kart);
}
.alt-sosyal a.ikon-baglanti svg { width: 20px; height: 20px; }
.alt-sosyal a.ikon-baglanti:hover { border-color: var(--vurgu); color: var(--vurgu); background: var(--kart2); text-decoration: none; transform: translateY(-1px); }
.alt-linkler a { color: var(--soluk); }
.alt-linkler a:hover { color: var(--vurgu); }
.alt-telif { font-size: .85rem; }
.alt-imza { font-size: .82rem; letter-spacing: .06em; opacity: .85; }
.alt-imza a { color: inherit; }
body.ust-sol .ust-ic { flex-direction: row; justify-content: space-between; flex-wrap: wrap; }


/* ---- Kartlar ---- */
.kart { background: var(--kart); border: 1px solid var(--sinir); border-radius: var(--yaricap); padding: 22px; margin: 16px 0; }
.kart.dar { max-width: 460px; margin: 40px auto; }
.kart.ortala, .ortala { text-align: center; }
.kart.ortala { margin-top: 50px; padding: 36px 24px; }
.kahraman { background: linear-gradient(160deg, var(--kart2) 0%, var(--bg) 100%); border: 1px solid var(--sinir); border-left: 4px solid var(--vurgu); border-radius: var(--yaricap); padding: 8px 24px 12px; margin: 20px 0; }
.kahraman p { color: #cfcfd8; }
.soluk { color: var(--soluk); }
.kucuk { font-size: .85rem; }
.slogan { text-align: center; color: var(--yazi); margin: 30px 0; line-height: 1.8; }
.basvuru-no { font-size: 1.2rem; color: var(--vurgu); }

/* ---- Form sorular ---- */
.soru { padding: 16px 0; border-top: 1px solid var(--sinir); scroll-margin-top: calc(var(--ust-yuk) + 40px); }
.bolum h2 + .soru { border-top: 0; padding-top: 4px; }
.soru .etiket { display: flex; gap: 10px; font-weight: 600; margin-bottom: 10px; }
.soru .etiket em { font-weight: 400; color: var(--soluk); font-style: normal; font-size: .88rem; }
.no { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; padding: 0 6px; border-radius: 8px; background: var(--kart2); border: 1px solid var(--sinir); color: var(--vurgu); font-size: .8rem; font-weight: 700; }
.soru.hatali { border-left: 3px solid var(--hata); padding-left: 12px; }
.soru.hatali input[type=text], .soru.hatali input[type=number], .soru.hatali textarea { border-color: var(--hata); }
.hata-mesaj { color: var(--hata); font-size: .88rem; margin-top: 6px; }
.sayac { text-align: right; color: var(--soluk); font-size: .78rem; margin-top: 2px; }

input[type=text], input[type=number], input[type=password], input[type=search], input[type=email], input[type=url], input[type=datetime-local], select, textarea {
    width: 100%; background: var(--kart2); color: var(--yazi); border: 1px solid var(--sinir);
    border-radius: 10px; padding: 11px 13px; font: inherit; outline: none; transition: border-color .15s, box-shadow .15s;
}
textarea { resize: vertical; min-height: 60px; }
input:focus, select:focus, textarea:focus { border-color: var(--vurgu); box-shadow: 0 0 0 3px rgba(var(--vurgu-rgb), .15); }
::placeholder { color: #5f5f6b; }

.secenekler { display: flex; flex-wrap: wrap; gap: 8px; }
.secenek { display: inline-flex; align-items: center; gap: 9px; background: var(--kart2); border: 1px solid var(--sinir); border-radius: 10px; padding: 9px 14px; cursor: pointer; transition: border-color .15s, background .15s; }
.secenek:hover { border-color: #444452; }
.secenek input { accent-color: var(--vurgu); width: 17px; height: 17px; margin: 0; }
.secenek:has(input:checked) { border-color: var(--vurgu); background: rgba(var(--vurgu-rgb), .08); }
.secenek.onay { display: flex; margin-bottom: 18px; }
.secenek.kucuk { padding: 8px 12px; font-size: .9rem; }

/* Honeypot: görünmez */
.bal { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---- Butonlar ---- */
.dugme { display: inline-block; background: var(--vurgu); color: var(--vurgu-yazi); border: 0; border-radius: 10px; padding: 11px 22px; font: inherit; font-weight: 700; cursor: pointer; transition: background .15s, transform .05s; text-align: center; }
.dugme:hover { background: var(--vurgu-koyu); text-decoration: none; }
.dugme:active { transform: translateY(1px); }
.dugme:disabled { opacity: .6; cursor: wait; }
.dugme-buyuk { width: 100%; padding: 15px; font-size: 1.05rem; }
.dugme-ikincil { background: var(--kart2); color: var(--yazi); border: 1px solid var(--sinir); }
.dugme-ikincil:hover { background: #24242d; }
.dugme-tehlike { background: transparent; color: var(--hata); border: 1px solid var(--hata); width: 100%; }
.dugme-tehlike:hover { background: var(--hata); color: #fff; }
.dugme-kucuk { padding: 5px 12px; font-size: .85rem; width: auto; }
.not { color: var(--soluk); font-size: .88rem; }
.not p { margin: 14px 0 0; }

/* ---- Uyarılar ---- */
.uyari { padding: 12px 16px; border-radius: 10px; margin: 12px 0; border: 1px solid; font-size: .95rem; }
.uyari-hata { background: rgba(255, 84, 104, .1); border-color: var(--hata); color: #ffb3bd; }
.uyari-basari { background: rgba(var(--vurgu-rgb), .08); border-color: var(--vurgu-koyu); color: #b8ffa0; }

/* ---- İlerleme çubuğu ---- */
.ilerleme { position: sticky; top: var(--ust-yuk); z-index: 20; background: rgba(var(--bg-rgb), .94); padding: 8px 0; margin: 0 -16px; }
.ilerleme-ic { display: flex; align-items: center; gap: 12px; padding: 0 16px; font-size: .85rem; color: var(--soluk); }
.cubuk { flex: 1; height: 6px; background: var(--kart2); border-radius: 99px; overflow: hidden; }
.cubuk > div { height: 100%; width: 0; background: var(--vurgu); transition: width .25s; }

/* ---- Form alanları (admin) ---- */
.alan { margin-bottom: 14px; }
.alan label { display: block; font-size: .88rem; color: var(--soluk); margin-bottom: 5px; }
.satir-form { display: flex; gap: 8px; flex-wrap: wrap; }
.satir-form input { flex: 1 1 180px; width: auto; }

/* ---- Rozetler ---- */
.rozet { display: inline-block; padding: 2px 10px; border-radius: 99px; font-size: .78rem; font-weight: 700; border: 1px solid; white-space: nowrap; vertical-align: middle; }
.rozet-beklemede   { color: var(--uyari); border-color: var(--uyari); background: rgba(255, 176, 32, .1); }
.rozet-inceleniyor { color: var(--mavi);  border-color: var(--mavi);  background: rgba(77, 163, 255, .1); }
.rozet-kabul       { color: var(--vurgu); border-color: var(--vurgu); background: rgba(var(--vurgu-rgb), .1); }
.rozet-yedek       { color: #c39bff;      border-color: #c39bff;      background: rgba(195, 155, 255, .1); }
.rozet-red         { color: var(--hata);  border-color: var(--hata);  background: rgba(255, 84, 104, .1); }

/* ---- Admin: istatistik ---- */
.istatistik { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin: 14px 0; }
.ist { display: flex; flex-direction: column; background: var(--kart); border: 1px solid var(--sinir); border-radius: 12px; padding: 12px 14px; color: var(--yazi); }
a.ist:hover { border-color: var(--vurgu); text-decoration: none; }
.ist b { font-size: 1.6rem; line-height: 1.1; }
.ist span { color: var(--soluk); font-size: .82rem; }
.ist-kabul b { color: var(--vurgu); } .ist-red b { color: var(--hata); } .ist-beklemede b { color: var(--uyari); }

.filtre { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 14px; }
.filtre input[type=search] { flex: 1 1 220px; width: auto; }
.filtre select { width: auto; flex: 0 1 190px; }

/* ---- Tablo ---- */
.tablo-kap { overflow-x: auto; border: 1px solid var(--sinir); border-radius: var(--yaricap); background: var(--kart); }
.kart .tablo-kap { border: 0; }
.tablo { width: 100%; border-collapse: collapse; font-size: .92rem; }
.tablo th, .tablo td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--sinir); vertical-align: middle; }
.tablo th { color: var(--soluk); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; background: var(--kart2); white-space: nowrap; }
.tablo tr:last-child td { border-bottom: 0; }
.tablo tbody tr:hover { background: rgba(255, 255, 255, .025); }
.tablo tr.okunmamis td:nth-child(3) a { font-weight: 800; }
.tablo tr.okunmamis td:first-child { box-shadow: inset 3px 0 0 var(--vurgu); }

.sayfalama { display: flex; gap: 6px; flex-wrap: wrap; margin: 18px 0 6px; }
.sayfalama a { padding: 6px 12px; border: 1px solid var(--sinir); border-radius: 8px; color: var(--yazi); background: var(--kart); }
.sayfalama a.aktif { background: var(--vurgu); color: var(--vurgu-yazi); border-color: var(--vurgu); font-weight: 700; }

/* ---- Admin: detay ---- */
.detay-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; }
.yapiskan { position: sticky; top: 16px; }
.ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
.ozet span { display: block; color: var(--soluk); font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.ozet b { font-weight: 600; word-break: break-word; }
.cevap { padding: 12px 0; border-top: 1px solid var(--sinir); }
h2 + .cevap { border-top: 0; }
.cevap-soru { display: flex; gap: 10px; color: var(--soluk); font-size: .9rem; margin-bottom: 6px; }
.cevap-metin { padding-left: 36px; white-space: normal; word-break: break-word; }
.cevap-metin.bos { color: #555562; font-style: italic; }
.gezin { display: flex; justify-content: space-between; margin-top: 14px; font-size: .9rem; }

@media (max-width: 900px) {
    .detay-duzen { grid-template-columns: 1fr; }
    .yapiskan { position: static; }
}
@media (max-width: 600px) {
    .kart { padding: 16px; }
    .secenek { width: 100%; }
    .filtre select { flex: 1 1 100%; }
}

/* ---- Ayarlar sayfası ---- */
.sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 4px; }
.sekmeler button { background: var(--kart); color: var(--yazi); border: 1px solid var(--sinir); border-radius: 10px; padding: 9px 14px; font: inherit; font-size: .92rem; cursor: pointer; }
.sekmeler button:hover { border-color: var(--vurgu); }
.sekmeler button.aktif { background: var(--vurgu); color: var(--vurgu-yazi); border-color: var(--vurgu); font-weight: 700; }
.sekme { display: none; }
.sekme.aktif { display: block; }
.alan-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0 18px; align-items: start; }
.alan-izgara .tam, .alan-izgara .ara-baslik { grid-column: 1 / -1; }
.ara-baslik { margin: 18px 0 8px; padding-top: 16px; border-top: 1px solid var(--sinir); font-size: .95rem; color: var(--vurgu); }
.yardim { color: var(--soluk); font-size: .8rem; margin-top: 5px; }
.onizleme { display: block; width: 100%; max-width: 100%; height: 180px; max-height: 180px; object-fit: contain; box-sizing: border-box; overflow: hidden; margin: 0 0 8px; padding: 6px; border: 1px solid var(--sinir); border-radius: 8px; background: repeating-conic-gradient(#1d1d22 0% 25%, #2a2a31 0% 50%) 50% / 16px 16px; }
.onizleme-video { height: 220px; max-height: 220px; width: 100%; max-width: 100%; object-fit: contain; background: #000; padding: 0; }
input[type=file] { width: 100%; background: var(--kart2); color: var(--soluk); border: 1px dashed var(--sinir); border-radius: 10px; padding: 9px; font: inherit; font-size: .9rem; }
.sil-kutu { margin-top: 8px; }
.renk-satir { display: flex; align-items: center; gap: 10px; }
.renk-satir input[type=color] { width: 56px; height: 42px; padding: 2px; border-radius: 8px; border: 1px solid var(--sinir); background: var(--kart2); cursor: pointer; }
.renk-kod { min-width: 76px; text-align: center; }
textarea.kod { font-family: ui-monospace, Consolas, monospace; font-size: .85rem; }
.kaydet-bar { position: sticky; bottom: 0; z-index: 15; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; padding: 12px 0; background: rgba(var(--bg-rgb), .95); border-top: 1px solid var(--sinir); }

/* Ayarlar sayfası düzeltmeleri */
.alan label.secenek { display: inline-flex; margin: 0; color: var(--yazi); font-size: .95rem; }
.alan label.secenek input { flex: 0 0 auto; }
input[type=file]::file-selector-button { background: var(--kart); color: var(--yazi); border: 1px solid var(--sinir); border-radius: 8px; padding: 6px 12px; margin-right: 12px; font: inherit; font-size: .88rem; cursor: pointer; }
input[type=file]::file-selector-button:hover { border-color: var(--vurgu); }
input[type=datetime-local] { color-scheme: dark; }
.sekmeler button { padding: 8px 12px; font-size: .88rem; }
.kaydet-bar { background: rgba(var(--bg-rgb), .98); box-shadow: 0 -10px 18px rgba(var(--bg-rgb), .9); }
.alan-izgara .alan { min-width: 0; }
@media (max-width: 600px) {
    .kaydet-bar { flex-wrap: nowrap; gap: 8px; }
    .kaydet-bar .soluk { display: none; }
    .kaydet-bar .dugme { flex: 1; padding: 10px 8px; font-size: .88rem; }
}
/* Font Awesome footer sosyal medya ikonları */
.alt-sosyal a.ikon-baglanti i { font-size: 19px; line-height: 1; }

/* ===== Premium footer spacing ===== */
.alt { padding: 42px 0 34px; }
.alt-ic { gap: 20px; }
.alt-aciklama { margin: 2px 0 0; }
.alt-sosyal { gap: 12px; margin: 2px 0 4px; }
.alt-sosyal a.ikon-baglanti { width: 42px; height: 42px; transition: .2s ease; }
.alt-linkler { gap: 28px; align-items: center; justify-content: center; margin-top: 8px; }
.alt-linkler a { display: inline-flex; align-items: center; padding: 0; line-height: 1.4; }
.alt-linkler a + a { border-left: 0; }
.alt-telif { margin-top: -2px; line-height: 1.5; }
.alt-imza { margin-top: -8px; }

/* ===== Yasal sayfalar ===== */
.yasal-sayfa { max-width: 900px; margin: 26px auto 54px; }
.yasal-hero { position: relative; overflow: hidden; padding: 30px; border: 1px solid var(--sinir); border-radius: 18px; background: linear-gradient(145deg,var(--kart),var(--kart2)); margin-bottom: 18px; }
.yasal-hero:after { content:""; position:absolute; width:220px; height:220px; right:-95px; top:-115px; border-radius:50%; background:rgba(var(--vurgu-rgb),.10); filter:blur(4px); pointer-events:none; }
.yasal-baslik { display:flex; gap:16px; align-items:center; position:relative; z-index:1; }
.yasal-ikon { width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; border-radius:14px; color:var(--vurgu); background:rgba(var(--vurgu-rgb),.10); border:1px solid rgba(var(--vurgu-rgb),.25); font-size:22px; }
.yasal-hero h1 { margin:0 0 6px; font-size:clamp(1.45rem,3vw,2rem); }
.yasal-hero p { margin:0; color:var(--soluk); line-height:1.65; }
.yasal-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:18px; padding-top:16px; border-top:1px solid var(--sinir); color:var(--soluk); font-size:.82rem; position:relative; z-index:1; }
.yasal-meta span { display:inline-flex; gap:7px; align-items:center; }
.yasal-icerik { display:grid; gap:12px; }
.yasal-bolum { padding:22px 24px; border:1px solid var(--sinir); border-radius:14px; background:var(--kart); }
.yasal-bolum h2 { display:flex; align-items:center; gap:9px; margin:0 0 10px; font-size:1.03rem; color:var(--yazi); }
.yasal-bolum h2 i { color:var(--vurgu); font-size:.9rem; }
.yasal-bolum p { margin:0 0 10px; line-height:1.78; color:var(--soluk); }
.yasal-bolum p:last-child { margin-bottom:0; }
.yasal-bolum ul { margin:8px 0 0; padding-left:20px; color:var(--soluk); line-height:1.8; }
.yasal-bolum li::marker { color:var(--vurgu); }
.yasal-vurgu { color:var(--yazi); font-weight:700; }
.yasal-alt { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; padding:16px 18px; border:1px solid var(--sinir); border-radius:14px; background:var(--kart); }
.yasal-alt .kucuk { margin:0; }
@media (max-width:600px){
  .alt-ic{gap:18px}.alt-linkler{gap:18px}.alt-linkler a{padding:0}.alt-sosyal{gap:9px}
  .yasal-sayfa{margin-top:16px}.yasal-hero{padding:22px}.yasal-baslik{align-items:flex-start}.yasal-ikon{width:44px;height:44px;flex-basis:44px}
  .yasal-bolum{padding:18px}.yasal-alt{align-items:flex-start;flex-direction:column}
}

/* Footer yasal linkler - kesin aralik */
.alt-linkler .yasal-footer-link {
    display: inline-block !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
}
@media (max-width: 600px) {
    .alt-linkler .yasal-footer-link { margin-left: 12px !important; margin-right: 12px !important; }
}

/* Footer yasal link ayiraci */
.alt-linkler { display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; flex-wrap:wrap !important; }
.alt-linkler .yasal-footer-link { margin:0 !important; }
.yasal-footer-dot { color:var(--vurgu, #39ff14); font-weight:700; line-height:1; }

/* Arka plan görseli ayar önizlemesi: kart dışına asla taşmaz */
#a_arkaplan_resim ~ .onizleme, .alan:has(#a_arkaplan_resim) .onizleme { width:100% !important; max-width:100% !important; height:280px !important; max-height:280px !important; object-fit:cover !important; object-position:center !important; display:block !important; }
.alan:has(#a_arkaplan_resim) { overflow:hidden; max-width:100%; }
@media(max-width:700px){#a_arkaplan_resim ~ .onizleme, .alan:has(#a_arkaplan_resim) .onizleme{height:180px !important;max-height:180px !important;}}


/* ===== Ayarlar paneli: tek sayfa premium düzen ===== */
body.admin .sekme { display:block !important; width:100%; max-width:100%; overflow:hidden; }
body.admin .alan, body.admin .alan-izgara { min-width:0; max-width:100%; }
body.admin .alan img.onizleme, body.admin .alan video.onizleme {
    display:block !important; width:100% !important; max-width:100% !important;
    height:240px !important; max-height:240px !important; object-fit:cover !important;
    object-position:center !important; overflow:hidden !important; box-sizing:border-box !important;
}
body.admin #sekme-arkaplan { overflow:hidden; }
body.admin #sekme-arkaplan .alan-izgara { overflow:hidden; }
body.admin #sekme-arkaplan .alan { overflow:hidden; }
@media (max-width:700px){body.admin .alan img.onizleme,body.admin .alan video.onizleme{height:170px!important;max-height:170px!important;}}


/* =========================================================
   VOXZ ULTRA / HARD PREMIUM UI — 2026
   Görsel katman: mevcut PHP/DB akışına dokunmadan premium arayüz.
   ========================================================= */
:root{
 --premium-glass:rgba(16,17,21,.76);
 --premium-glass-strong:rgba(18,19,24,.92);
 --premium-line:rgba(255,255,255,.085);
 --premium-soft:rgba(var(--vurgu-rgb),.10);
 --premium-shadow:0 24px 80px rgba(0,0,0,.48);
}
body{letter-spacing:-.01em;overflow-x:hidden}
body.site:before,body.admin:before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
 background:
 radial-gradient(800px 420px at 10% -5%,rgba(var(--vurgu-rgb),.12),transparent 65%),
 radial-gradient(720px 420px at 92% 12%,rgba(92,76,255,.10),transparent 68%),
 linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%);
}
body.site:after,body.admin:after{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;
 background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
 background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
.ust{background:rgba(var(--bg-rgb),.70);border-bottom:1px solid var(--premium-line);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 10px 40px rgba(0,0,0,.18)}
.logo img{filter:drop-shadow(0 0 18px rgba(var(--vurgu-rgb),.16));transition:.3s ease}
.logo:hover img{transform:translateY(-1px);filter:drop-shadow(0 0 26px rgba(var(--vurgu-rgb),.28))}
main.kap{padding-top:30px;padding-bottom:64px}
.kahraman{position:relative;text-align:center;padding:56px 28px 34px;margin:0 auto 20px;max-width:820px}
.kahraman:before{content:"BAŞVURU MERKEZİ";display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(var(--vurgu-rgb),.28);border-radius:999px;background:rgba(var(--vurgu-rgb),.07);color:var(--vurgu);font-size:.72rem;font-weight:900;letter-spacing:.16em;margin-bottom:16px;box-shadow:inset 0 0 20px rgba(var(--vurgu-rgb),.04)}
.kahraman h1{font-size:clamp(2.25rem,6vw,4.7rem);line-height:.98;margin:0 0 20px;font-weight:950;letter-spacing:-.065em;background:linear-gradient(180deg,#fff 15%,#bdbdc7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.kahraman p{max-width:700px;margin:0 auto;color:#aaaab6;font-size:1.04rem;line-height:1.8}
.ilerleme{position:sticky;top:12px;z-index:25;max-width:820px;margin:0 auto 22px;padding:7px;background:rgba(12,13,16,.72);border:1px solid var(--premium-line);border-radius:999px;backdrop-filter:blur(20px);box-shadow:0 14px 40px rgba(0,0,0,.25)}
.ilerleme-ic{display:flex!important;align-items:center;gap:12px}
.ilerleme-ic>span{min-width:48px;text-align:center;font-weight:900;font-size:.76rem;color:var(--vurgu)}
.cubuk{height:7px!important;flex:1;background:rgba(255,255,255,.06)!important;border-radius:999px;overflow:hidden}
.cubuk>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vurgu-koyu),var(--vurgu),#a7ff83)!important;box-shadow:0 0 20px rgba(var(--vurgu-rgb),.48);transition:width .35s cubic-bezier(.2,.8,.2,1)}
.kart{background:linear-gradient(145deg,rgba(24,25,31,.90),rgba(13,14,18,.88))!important;border:1px solid var(--premium-line)!important;border-radius:24px!important;box-shadow:var(--premium-shadow);backdrop-filter:blur(20px);position:relative;overflow:hidden}
.kart:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);pointer-events:none}
.bolum{padding:28px!important;margin-bottom:20px!important}
.bolum>h2,.kart>h2{display:flex;align-items:center;gap:10px;margin:0 0 22px!important;font-size:.92rem!important;font-weight:900;letter-spacing:.10em;color:#fff}
.bolum>h2:after,.kart>h2:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--premium-line),transparent)}
.soru{padding:20px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;transition:.25s ease}
.soru:last-child{border-bottom:0!important;padding-bottom:4px!important}
.soru:focus-within{transform:translateX(3px)}
.etiket{font-weight:760!important;color:#f4f4f7!important;margin-bottom:10px!important}
.no{display:inline-grid!important;place-items:center;width:27px!important;height:27px!important;border-radius:9px!important;background:rgba(var(--vurgu-rgb),.09)!important;border:1px solid rgba(var(--vurgu-rgb),.22)!important;color:var(--vurgu)!important;font-size:.72rem!important;font-weight:950!important;box-shadow:inset 0 0 14px rgba(var(--vurgu-rgb),.05)}
input[type=text],input[type=number],input[type=password],input[type=search],input[type=url],textarea,select{
 background:rgba(5,6,8,.60)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;color:var(--yazi)!important;min-height:50px!important;padding:12px 14px!important;outline:none!important;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s!important
}
textarea{min-height:110px!important;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:rgba(var(--vurgu-rgb),.58)!important;background:rgba(7,9,8,.82)!important;box-shadow:0 0 0 4px rgba(var(--vurgu-rgb),.08),0 12px 35px rgba(0,0,0,.22)!important}
.secenekler{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.secenek{border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.025)!important;border-radius:14px!important;padding:12px 14px!important;transition:.2s ease!important}
.secenek:hover{border-color:rgba(var(--vurgu-rgb),.28)!important;background:rgba(var(--vurgu-rgb),.045)!important;transform:translateY(-1px)}
.secenek:has(input:checked){border-color:rgba(var(--vurgu-rgb),.48)!important;background:rgba(var(--vurgu-rgb),.085)!important;box-shadow:inset 0 0 24px rgba(var(--vurgu-rgb),.04)}
.secenek input{accent-color:var(--vurgu)}
.sayac{font-size:.72rem!important;color:#70707d!important;text-align:right;margin-top:6px}
.dugme{border:1px solid rgba(var(--vurgu-rgb),.35)!important;border-radius:13px!important;background:linear-gradient(135deg,var(--vurgu),#76ff47)!important;color:var(--vurgu-yazi)!important;font-weight:900!important;box-shadow:0 10px 30px rgba(var(--vurgu-rgb),.16)!important;transition:.22s ease!important}
.dugme:hover{transform:translateY(-2px);filter:brightness(1.06);text-decoration:none!important;box-shadow:0 16px 38px rgba(var(--vurgu-rgb),.24)!important}
.dugme-ikincil{background:rgba(255,255,255,.045)!important;color:#ddd!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important}
.dugme-buyuk{width:100%;min-height:58px!important;margin-top:18px;font-size:1rem;letter-spacing:.02em}
.uyari{border-radius:16px!important;backdrop-filter:blur(14px)}
.slogan{max-width:720px;margin:32px auto 0!important;text-align:center;color:#8d8d99!important}
.alt{background:rgba(7,7,9,.58);border-top-color:var(--premium-line)!important;backdrop-filter:blur(20px)}
/* Admin command center */
body.admin{background:#090a0d}
body.admin .kap{max-width:1440px}
body.admin .ust{position:sticky!important;top:0}
body.admin .ust-ic{min-height:74px;flex-direction:row!important;justify-content:space-between!important;padding:10px 18px!important}
body.admin .menu{gap:8px}
body.admin .menu a{border:1px solid transparent;border-radius:11px;padding:9px 13px}
body.admin .menu a:hover{border-color:var(--premium-line);background:rgba(255,255,255,.045)}
body.admin h1{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.045em;margin:8px 0 24px}
.istatistik{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px!important;margin-bottom:18px!important}
.ist{min-height:112px!important;display:flex!important;flex-direction:column;justify-content:flex-end!important;align-items:flex-start!important;padding:18px!important;border:1px solid var(--premium-line)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(24,25,31,.92),rgba(14,15,19,.9))!important;box-shadow:0 16px 45px rgba(0,0,0,.24)!important;position:relative;overflow:hidden}
.ist:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-40px;background:rgba(var(--vurgu-rgb),.08);filter:blur(5px)}
.ist b{font-size:1.75rem!important;line-height:1;color:#fff!important;letter-spacing:-.04em}
.ist span{font-size:.76rem!important;text-transform:uppercase;letter-spacing:.08em;color:#8e8e9b!important;margin-top:9px}
.filtre{display:grid!important;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr)) auto auto auto;gap:10px!important;align-items:center;padding:16px!important;margin-bottom:18px}
.tablo-kap{border:1px solid var(--premium-line)!important;border-radius:20px!important;background:rgba(16,17,21,.78)!important;box-shadow:var(--premium-shadow);overflow:auto!important}
.tablo{border-collapse:separate!important;border-spacing:0!important}
.tablo th{position:sticky;top:0;background:#15161b!important;color:#83838f!important;font-size:.7rem!important;text-transform:uppercase;letter-spacing:.08em;padding:14px 12px!important;border-bottom:1px solid var(--premium-line)!important}
.tablo td{padding:14px 12px!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
.tablo tbody tr{transition:.18s ease}
.tablo tbody tr:hover{background:rgba(var(--vurgu-rgb),.035)!important}
.tablo tr.okunmamis{background:rgba(var(--vurgu-rgb),.045)!important;box-shadow:inset 3px 0 var(--vurgu)}
.rozet{border-radius:999px!important;padding:6px 10px!important;font-size:.7rem!important;font-weight:850!important;letter-spacing:.03em}
.detay-duzen{gap:18px!important}
.detay-sag .yapiskan{top:94px!important}
.ozet{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
.ozet>div{padding:14px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px;background:rgba(255,255,255,.022)}
.cevap{padding:18px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.cevap-metin{margin-top:9px!important;padding:14px!important;border-radius:13px!important;background:rgba(0,0,0,.22)!important;border:1px solid rgba(255,255,255,.055)!important}
.sayfalama a{border-radius:10px!important;border:1px solid var(--premium-line)!important;background:rgba(255,255,255,.035)!important}
.sayfalama a.aktif{background:var(--vurgu)!important;color:var(--vurgu-yazi)!important;border-color:var(--vurgu)!important}
@media(max-width:1100px){.filtre{grid-template-columns:repeat(2,minmax(0,1fr))}.filtre>*:first-child{grid-column:1/-1}}
@media(max-width:700px){
 main.kap{padding-left:12px;padding-right:12px;padding-top:18px}
 .kahraman{padding:38px 8px 22px}.kahraman h1{font-size:2.45rem}
 .bolum{padding:18px!important}.kart{border-radius:19px!important}
 .secenekler{grid-template-columns:1fr}
 .ilerleme{top:8px}
 body.admin .ust-ic{flex-direction:column!important}.filtre{grid-template-columns:1fr!important}.filtre>*{grid-column:auto!important}
 .istatistik{grid-template-columns:repeat(2,1fr)!important}.ist{min-height:92px!important}
 .ozet{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.premium-guven{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}
.premium-guven span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#9d9da8;font-size:.74rem;font-weight:750}
.premium-guven i{color:var(--vurgu);font-size:.72rem}
.admin-baslik{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 24px}
.admin-baslik h1{margin:3px 0 4px!important}
.admin-baslik p{margin:0;color:#858590}
.admin-eyebrow{color:var(--vurgu);font-size:.69rem;font-weight:950;letter-spacing:.16em}
.admin-canli{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(var(--vurgu-rgb),.18);border-radius:999px;background:rgba(var(--vurgu-rgb),.055);color:#b6ff9d;font-size:.74rem;font-weight:850;white-space:nowrap}
.admin-canli i{width:7px;height:7px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 12px var(--vurgu)}
@media(max-width:700px){.admin-baslik{align-items:flex-start;flex-direction:column}.premium-guven{gap:6px}.premium-guven span{font-size:.68rem}}


/* ================================================================
   HILAL SANCAĞI — ULTRA PREMIUM UI OVERRIDE
   Mevcut PHP/HTML yapısını bozmadan görsel katmanı yükseltir.
   ================================================================ */

:root{
    --premium-bg:#07080b;
    --premium-surface:rgba(18,20,26,.78);
    --premium-surface-2:rgba(25,28,36,.82);
    --premium-border:rgba(255,255,255,.085);
    --premium-border-hover:rgba(83,252,24,.38);
    --premium-glow:rgba(83,252,24,.16);
    --premium-shadow:0 22px 70px rgba(0,0,0,.34);
    --premium-radius:20px;
}

html{
    background:
      radial-gradient(circle at 12% 8%, rgba(83,252,24,.055), transparent 28%),
      radial-gradient(circle at 88% 18%, rgba(83,252,24,.035), transparent 25%),
      var(--premium-bg);
}

body.site{
    min-height:100vh;
    background-color:var(--premium-bg);
    background-image:
      radial-gradient(circle at 50% -10%, rgba(83,252,24,.075), transparent 32%),
      linear-gradient(180deg,rgba(255,255,255,.012),transparent 28%);
}

body.site:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    opacity:.34;
    background-image:
      linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,black,transparent 75%);
}

/* Üst bar */
.site .ust{
    background:rgba(7,8,11,.72);
    border-bottom:1px solid rgba(255,255,255,.07);
    box-shadow:0 12px 45px rgba(0,0,0,.22);
    backdrop-filter:blur(22px) saturate(150%);
    -webkit-backdrop-filter:blur(22px) saturate(150%);
}

.site .ust-ic{
    min-height:74px;
    padding-top:12px;
    padding-bottom:12px;
}

.site .logo{
    position:relative;
    transition:transform .3s ease,filter .3s ease;
}

.site .logo:hover{
    transform:translateY(-1px) scale(1.015);
    filter:drop-shadow(0 0 18px rgba(83,252,24,.18));
}

.site .logo img{
    filter:drop-shadow(0 5px 20px rgba(0,0,0,.35));
}

/* Ana konteyner */
.site main.kap{
    max-width:940px;
    padding-top:28px;
    padding-bottom:72px;
}

/* Hero */
.site .kahraman{
    position:relative;
    overflow:hidden;
    margin:8px 0 28px;
    padding:38px 38px 32px;
    border:1px solid rgba(255,255,255,.095);
    border-radius:26px;
    border-left:1px solid rgba(83,252,24,.34);
    background:
      radial-gradient(circle at 92% 8%, rgba(83,252,24,.12), transparent 28%),
      radial-gradient(circle at 0% 100%, rgba(83,252,24,.055), transparent 34%),
      linear-gradient(145deg,rgba(24,27,34,.92),rgba(10,11,15,.94));
    box-shadow:var(--premium-shadow),inset 0 1px 0 rgba(255,255,255,.045);
}

.site .kahraman:before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    right:-120px;
    top:-150px;
    border-radius:50%;
    background:rgba(83,252,24,.13);
    filter:blur(24px);
    pointer-events:none;
}

.site .kahraman:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(83,252,24,.42),transparent);
}

.site .kahraman h1{
    position:relative;
    z-index:1;
    max-width:780px;
    margin:0 0 15px;
    font-size:clamp(1.65rem,4vw,2.55rem);
    line-height:1.12;
    letter-spacing:-.035em;
    text-wrap:balance;
}

.site .kahraman p{
    position:relative;
    z-index:1;
    max-width:760px;
    color:#bfc3ce;
    font-size:1rem;
    line-height:1.78;
}

.site .premium-guven{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:24px;
}

.site .premium-guven span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:999px;
    background:rgba(255,255,255,.025);
    color:#b9bdc8;
    font-size:.78rem;
    font-weight:650;
    letter-spacing:.01em;
}

.site .premium-guven i{
    color:var(--vurgu);
    font-size:.78rem;
}

/* İlerleme */
.site .ilerleme{
    margin:0 -8px 20px;
    padding:10px 8px;
    background:rgba(7,8,11,.70);
    border:1px solid rgba(255,255,255,.065);
    border-radius:14px;
    box-shadow:0 12px 35px rgba(0,0,0,.18);
    backdrop-filter:blur(18px);
}

.site .ilerleme-ic{
    gap:13px;
    padding:0 10px;
    color:#9da2ae;
}

.site .ilerleme-ic > span:first-child{
    min-width:42px;
    color:var(--vurgu);
    font-weight:800;
    font-variant-numeric:tabular-nums;
}

.site .cubuk{
    height:8px;
    border:1px solid rgba(255,255,255,.045);
    background:#11141a;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.55);
}

.site .cubuk > div{
    position:relative;
    background:linear-gradient(90deg,#35c90c,#53fc18,#8dff68);
    box-shadow:0 0 16px rgba(83,252,24,.42);
}

.site .cubuk > div:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
    animation:hs-progress-shine 2.2s linear infinite;
}

/* Bölüm kartları */
.site .kart{
    position:relative;
    overflow:hidden;
    margin:18px 0;
    padding:28px;
    border:1px solid var(--premium-border);
    border-radius:var(--premium-radius);
    background:
      linear-gradient(145deg,rgba(20,22,29,.91),rgba(12,14,19,.90));
    box-shadow:0 16px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
    transition:border-color .28s ease,transform .28s ease,box-shadow .28s ease;
}

.site .kart:hover{
    border-color:rgba(255,255,255,.12);
    box-shadow:0 20px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035);
}

.site .kart.bolum:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:2px;
    background:linear-gradient(90deg,rgba(83,252,24,.0),rgba(83,252,24,.42),rgba(83,252,24,0));
    opacity:.7;
}

.site .bolum h2{
    display:flex;
    align-items:center;
    gap:11px;
    margin:0 0 8px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.06);
    font-size:1.02rem;
    letter-spacing:.06em;
    color:#f0f2f5;
}

.site .bolum h2:first-letter{
    color:var(--vurgu);
}

/* Sorular */
.site .soru{
    position:relative;
    padding:22px 4px;
    border-top:1px solid rgba(255,255,255,.055);
    scroll-margin-top:calc(var(--ust-yuk) + 90px);
    transition:padding-left .25s ease,border-color .25s ease;
}

.site .bolum h2 + .soru{
    padding-top:20px;
    border-top:0;
}

.site .soru:focus-within{
    border-top-color:rgba(83,252,24,.22);
}

.site .soru .etiket{
    gap:11px;
    margin-bottom:12px;
    color:#e9ebef;
    line-height:1.5;
}

.site .soru .etiket em{
    color:#777d8a;
}

.site .no{
    min-width:29px;
    height:29px;
    border-radius:9px;
    background:linear-gradient(145deg,rgba(83,252,24,.13),rgba(83,252,24,.045));
    border:1px solid rgba(83,252,24,.24);
    color:#74ff44;
    box-shadow:0 0 16px rgba(83,252,24,.055);
}

/* Inputlar */
.site input[type=text],
.site input[type=number],
.site input[type=password],
.site input[type=search],
.site input[type=email],
.site input[type=url],
.site input[type=datetime-local],
.site select,
.site textarea{
    min-height:48px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:13px;
    background:rgba(10,12,17,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 4px 18px rgba(0,0,0,.08);
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;
}

.site textarea{
    min-height:120px;
}

.site input:focus,
.site select:focus,
.site textarea:focus{
    border-color:rgba(83,252,24,.72);
    background:rgba(12,15,19,.92);
    box-shadow:0 0 0 4px rgba(83,252,24,.10),0 10px 30px rgba(0,0,0,.15);
    transform:translateY(-1px);
}

.site ::placeholder{
    color:#606672;
}

/* Seçenekler */
.site .secenekler{
    gap:10px;
}

.site .secenek{
    position:relative;
    flex:1 1 220px;
    min-height:50px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:13px;
    background:rgba(13,15,20,.72);
    color:#cdd1da;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
    transition:all .2s ease;
}

.site .secenek:hover{
    transform:translateY(-1px);
    border-color:rgba(83,252,24,.32);
    background:rgba(20,23,28,.82);
}

.site .secenek:has(input:checked){
    border-color:rgba(83,252,24,.65);
    background:linear-gradient(145deg,rgba(83,252,24,.105),rgba(83,252,24,.035));
    color:#f0fff0;
    box-shadow:0 0 24px rgba(83,252,24,.055),inset 0 1px 0 rgba(255,255,255,.03);
}

.site .secenek input{
    accent-color:var(--vurgu);
}

/* Onay kutusu */
.site .secenek.onay{
    flex:initial;
    margin-bottom:20px;
    padding:15px 16px;
    background:rgba(255,255,255,.025);
}

.site .secenek.onay span{
    color:#b8bdc7;
    font-size:.9rem;
    line-height:1.6;
}

/* Ana gönder butonu */
.site .dugme-buyuk{
    position:relative;
    overflow:hidden;
    min-height:58px;
    border-radius:14px;
    border:1px solid rgba(175,255,151,.18);
    background:linear-gradient(135deg,#45d711,#53fc18 48%,#83ff5d);
    color:#071008;
    font-size:1rem;
    font-weight:850;
    letter-spacing:.01em;
    box-shadow:0 12px 35px rgba(83,252,24,.18),inset 0 1px 0 rgba(255,255,255,.45);
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}

.site .dugme-buyuk:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-35%;
    width:22%;
    transform:skewX(-20deg);
    background:rgba(255,255,255,.30);
    filter:blur(4px);
    transition:left .55s ease;
}

.site .dugme-buyuk:hover{
    background:linear-gradient(135deg,#53fc18,#79ff4e);
    transform:translateY(-2px);
    filter:saturate(1.08);
    box-shadow:0 18px 48px rgba(83,252,24,.27),inset 0 1px 0 rgba(255,255,255,.48);
}

.site .dugme-buyuk:hover:before{
    left:120%;
}

.site .dugme-buyuk:active{
    transform:translateY(0);
}

.site .not{
    margin-top:17px;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.05);
    line-height:1.65;
}

.site .slogan{
    max-width:720px;
    margin:42px auto;
    padding:28px;
    border-top:1px solid rgba(83,252,24,.16);
    border-bottom:1px solid rgba(83,252,24,.10);
    color:#cfd3db;
    font-size:.98rem;
    letter-spacing:.01em;
}

/* Hata */
.site .soru.hatali{
    margin-left:-8px;
    padding-left:14px;
    border-left:3px solid var(--hata);
    background:linear-gradient(90deg,rgba(255,84,104,.06),transparent 60%);
    border-radius:0 12px 12px 0;
}

.site .hata-mesaj{
    margin-top:8px;
    color:#ff98a5;
}

/* Uyarı */
.site .uyari{
    border-radius:14px;
    padding:15px 17px;
    background:rgba(255,84,104,.075);
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

/* Footer */
.site .alt{
    position:relative;
    overflow:hidden;
    padding:52px 0 36px;
    border-top:1px solid rgba(255,255,255,.065);
    background:linear-gradient(180deg,rgba(8,9,12,.30),rgba(5,6,8,.78));
}

.site .alt:before{
    content:"";
    position:absolute;
    width:500px;
    height:180px;
    left:50%;
    top:-170px;
    transform:translateX(-50%);
    background:rgba(83,252,24,.075);
    filter:blur(70px);
    pointer-events:none;
}

.site .alt-ic{
    position:relative;
    z-index:1;
}

.site .alt-sosyal a.ikon-baglanti{
    width:44px;
    height:44px;
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.025);
    transition:transform .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}

.site .alt-sosyal a.ikon-baglanti:hover{
    transform:translateY(-3px);
    border-color:rgba(83,252,24,.45);
    color:var(--vurgu);
    background:rgba(83,252,24,.06);
    box-shadow:0 10px 28px rgba(83,252,24,.10);
}

.site .alt-linkler{
    max-width:800px;
}

.site .alt-linkler a{
    transition:color .18s ease;
}

.site .alt-linkler a:hover{
    color:#e7ffe0;
    text-decoration:none;
}

.site .alt-imza{
    opacity:.55;
}

/* Teşekkür / merkez kartlar */
.site .kart.ortala{
    border-radius:24px;
    padding:46px 34px;
    box-shadow:var(--premium-shadow);
}

.site .kart.ortala h1{
    font-size:clamp(1.7rem,4vw,2.45rem);
    letter-spacing:-.03em;
}

.site .basvuru-no{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 13px;
    border:1px solid rgba(83,252,24,.20);
    border-radius:999px;
    background:rgba(83,252,24,.055);
}

/* Yasal sayfalar */
.site .yasal-hero,
.site .yasal-bolum,
.site .yasal-alt{
    border-color:rgba(255,255,255,.08);
    box-shadow:0 18px 55px rgba(0,0,0,.16);
}

/* Admin tarafında da daha premium, işlev bozulmadan */
body.admin{
    background:
      radial-gradient(circle at 10% 0%,rgba(83,252,24,.035),transparent 25%),
      var(--bg);
}

body.admin .ust{
    box-shadow:0 10px 35px rgba(0,0,0,.20);
    backdrop-filter:blur(16px);
}

body.admin .kart,
body.admin .ist{
    border-color:rgba(255,255,255,.075);
    box-shadow:0 12px 36px rgba(0,0,0,.14);
}

body.admin .dugme{
    box-shadow:0 7px 22px rgba(0,0,0,.16);
}

@keyframes hs-progress-shine{
    0%{transform:translateX(-120%)}
    100%{transform:translateX(520%)}
}

@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
        scroll-behavior:auto!important;
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
    }
}

@media (max-width:700px){
    .site main.kap{
        padding-top:18px;
        padding-bottom:48px;
    }

    .site .kahraman{
        padding:28px 22px 24px;
        border-radius:21px;
    }

    .site .kahraman h1{
        font-size:1.65rem;
    }

    .site .premium-guven span{
        flex:1 1 100%;
        justify-content:center;
    }

    .site .kart{
        padding:21px 17px;
        border-radius:18px;
    }

    .site .secenek{
        flex-basis:100%;
    }

    .site .ilerleme{
        margin-left:-3px;
        margin-right:-3px;
    }

    .site .soru{
        padding-left:1px;
        padding-right:1px;
    }
}

@media (max-width:430px){
    .site .kahraman{
        margin-top:2px;
    }

    .site .kart.ortala{
        padding:34px 20px;
    }

    .site .slogan{
        padding:22px 12px;
    }
}

/* Premium JS companion styles */
.premium-focus{
    border-top-color:rgba(83,252,24,.25)!important;
}

.premium-focus:before{
    content:"";
    position:absolute;
    left:-5px;
    top:21px;
    bottom:21px;
    width:2px;
    border-radius:99px;
    background:linear-gradient(180deg,transparent,var(--vurgu),transparent);
    box-shadow:0 0 13px rgba(83,252,24,.35);
}

.premium-reveal{
    opacity:0;
    transform:translateY(14px);
    transition:opacity .55s ease,transform .55s ease;
}

.premium-reveal.premium-visible{
    opacity:1;
    transform:none;
}

.premium-save-status{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:30px;
    margin:4px 0 8px;
    color:#747b88;
    font-size:.76rem;
    opacity:.78;
    transition:color .25s ease,opacity .25s ease;
}

.premium-save-status i{
    color:#6e7580;
    transition:color .25s ease,transform .25s ease;
}

.premium-save-status.saved{
    color:#8e9894;
}

.premium-save-status.saved i{
    color:var(--vurgu);
    transform:translateY(-1px);
}

@media (prefers-reduced-motion:reduce){
    .premium-reveal{
        opacity:1!important;
        transform:none!important;
    }
}

@media (max-width:700px){
    .premium-focus:before{
        display:none;
    }
}


/* ================================================================
   HILAL SANCAĞI — RED / WHITE PREMIUM REVISION
   Public site: centered floating navbar + footer, restrained motion.
   ================================================================ */
.site{
    --hs-red:#d71920;
    --hs-red-dark:#8e0d12;
    --hs-white:#f8f8f8;
    --hs-line:rgba(255,255,255,.11);
    --hs-glass:rgba(9,10,13,.86);
}

/* Main content: every major block shares one clean axis */
body.site main.kap{
    max-width:900px!important;
    padding-top:24px!important;
    padding-bottom:54px!important;
}
body.site .kahraman,
body.site .ilerleme,
body.site #basvuruForm,
body.site .slogan{
    width:min(820px,100%);
    margin-left:auto!important;
    margin-right:auto!important;
}

/* ---------- Floating desktop navbar ---------- */
body.site .ust{
    position:sticky!important;
    top:0;
    z-index:100;
    padding:12px 0 8px;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
}
body.site .ust-ic{
    position:relative;
    display:grid!important;
    grid-template-columns:1fr auto 1fr;
    align-items:center!important;
    justify-content:initial!important;
    width:min(900px,calc(100% - 28px));
    min-height:66px!important;
    padding:9px 10px!important;
    gap:14px!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    background:
      linear-gradient(rgba(8,9,12,.91),rgba(8,9,12,.91)) padding-box,
      linear-gradient(90deg,var(--hs-red) 0%,#fff 50%,var(--hs-red) 100%) border-box!important;
    box-shadow:
      0 16px 45px rgba(0,0,0,.34),
      inset 0 1px 0 rgba(255,255,255,.07)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
body.site .ust-ic:after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:17px;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(215,25,32,.08),transparent 34%,rgba(255,255,255,.035) 50%,transparent 66%,rgba(215,25,32,.08));
}
body.site .logo{
    position:relative;
    z-index:2;
    grid-column:2;
    grid-row:1;
    justify-self:center!important;
    width:auto;
    margin:0!important;
    padding:0 12px;
}
body.site .logo img{
    display:block;
    width:auto;
    height:42px!important;
    max-width:180px!important;
    object-fit:contain;
    filter:drop-shadow(0 4px 15px rgba(255,255,255,.10))!important;
    transition:transform .22s ease,filter .22s ease;
}
body.site .logo:hover img{
    transform:scale(1.025)!important;
    filter:drop-shadow(0 5px 19px rgba(215,25,32,.22))!important;
}
body.site .site-nav-link{
    position:relative;
    z-index:2;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px;
    width:max-content;
    min-width:112px;
    min-height:40px;
    padding:8px 14px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:10px!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:.76rem!important;
    font-weight:850!important;
    letter-spacing:.045em;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 20px rgba(0,0,0,.18)!important;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease!important;
}
body.site .site-nav-home{justify-self:start!important}
body.site .site-nav-admin{justify-self:end!important}
body.site .site-nav-link i{font-size:.72rem;color:#fff;transition:color .2s ease,text-shadow .2s ease}
body.site .site-nav-link:before{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    bottom:-1px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--hs-red),#fff,var(--hs-red));
    opacity:.7;
    transform:scaleX(.45);
    transition:transform .22s ease,opacity .22s ease;
}
body.site .site-nav-link:hover{
    transform:translateY(-1px);
    border-color:rgba(215,25,32,.55)!important;
    background:linear-gradient(180deg,rgba(215,25,32,.16),rgba(255,255,255,.035))!important;
    box-shadow:0 10px 26px rgba(0,0,0,.26),0 0 20px rgba(215,25,32,.10)!important;
}
body.site .site-nav-link:hover i{color:#fff;text-shadow:0 0 10px rgba(215,25,32,.7)}
body.site .site-nav-link:hover:before{transform:scaleX(1);opacity:1}

/* ---------- Hero: clean proportions ---------- */
body.site .kahraman{
    max-width:none!important;
    margin-top:12px!important;
    margin-bottom:18px!important;
    padding:34px 34px 28px!important;
    text-align:center!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-left:1px solid rgba(215,25,32,.55)!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,rgba(18,19,24,.92),rgba(8,9,12,.89))!important;
    box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}
body.site .kahraman:before{
    content:none!important;
}
body.site .kahraman h1{
    max-width:100%!important;
    margin:0 0 12px!important;
    font-size:clamp(2rem,4vw,3.15rem)!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
    background:linear-gradient(180deg,#fff 15%,#d5d5d8 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}
body.site .kahraman p{
    max-width:690px!important;
    margin:0 auto!important;
    color:#b9bac2!important;
    font-size:.92rem!important;
    line-height:1.72!important;
}
body.site .premium-guven{margin-top:18px!important}
body.site .premium-guven span{
    border-radius:9px!important;
    border-color:rgba(255,255,255,.08)!important;
    background:rgba(255,255,255,.025)!important;
    color:#aeb0b8!important;
}
body.site .premium-guven i{color:#fff!important}

/* ---------- Progress: same width, no awkward capsule ---------- */
body.site .ilerleme{
    position:sticky!important;
    top:82px!important;
    z-index:25!important;
    max-width:none!important;
    margin-top:0!important;
    margin-bottom:16px!important;
    padding:9px 12px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:13px!important;
    background:rgba(9,10,13,.88)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(15px)!important;
}
body.site .ilerleme-ic{padding:0!important;gap:11px!important}
body.site .ilerleme-ic>span{min-width:38px!important;color:#fff!important;font-size:.7rem!important}
body.site .cubuk{height:7px!important;background:rgba(255,255,255,.065)!important;border-radius:4px!important}
body.site .cubuk>div{
    background:linear-gradient(90deg,var(--hs-red-dark),var(--hs-red),#fff)!important;
    box-shadow:0 0 13px rgba(215,25,32,.30)!important;
}

/* ---------- Form cards: disciplined, not oversized ---------- */
body.site .kart{
    border-radius:17px!important;
    background:linear-gradient(145deg,rgba(18,19,24,.91),rgba(9,10,13,.90))!important;
    border-color:rgba(255,255,255,.085)!important;
    box-shadow:0 18px 52px rgba(0,0,0,.25)!important;
}
body.site .bolum{padding:23px!important;margin:0 0 14px!important}
body.site .bolum>h2,body.site .kart>h2{
    margin-bottom:15px!important;
    font-size:.78rem!important;
    letter-spacing:.09em!important;
}
body.site .bolum>h2:after,body.site .kart>h2:after{
    background:linear-gradient(90deg,rgba(215,25,32,.40),rgba(255,255,255,.08),transparent)!important;
}
body.site .soru{padding:16px 0!important}
body.site .soru:focus-within{transform:none!important}
body.site .no{
    background:rgba(215,25,32,.10)!important;
    border-color:rgba(215,25,32,.30)!important;
    color:#fff!important;
    box-shadow:0 0 13px rgba(215,25,32,.06)!important;
}
body.site input[type=text],body.site input[type=number],body.site input[type=password],body.site input[type=search],body.site input[type=url],body.site textarea,body.site select{
    border-radius:10px!important;
    background:rgba(4,5,7,.72)!important;
}
body.site input:focus,body.site textarea:focus,body.site select:focus{
    border-color:rgba(215,25,32,.65)!important;
    box-shadow:0 0 0 3px rgba(215,25,32,.09),0 9px 25px rgba(0,0,0,.18)!important;
}
body.site .secenek{
    border-radius:10px!important;
}
body.site .secenek:hover{border-color:rgba(215,25,32,.38)!important;background:rgba(215,25,32,.045)!important}
body.site .secenek:has(input:checked){border-color:rgba(215,25,32,.58)!important;background:rgba(215,25,32,.09)!important}
body.site .secenek input{accent-color:var(--hs-red)!important}
body.site .dugme{
    background:linear-gradient(135deg,#9e1016,var(--hs-red) 55%,#ef343b)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.15)!important;
    box-shadow:0 12px 30px rgba(215,25,32,.20)!important;
}
body.site .dugme:hover{box-shadow:0 16px 38px rgba(215,25,32,.30)!important;filter:brightness(1.06)!important}
body.site .not{color:#858791!important}
body.site .slogan{color:#a4a5ad!important}

/* ---------- Footer: centered floating panel + red/white border ---------- */
body.site .alt{
    position:relative;
    margin:22px auto 18px!important;
    width:min(900px,calc(100% - 28px));
    padding:0!important;
    border:1px solid transparent!important;
    border-radius:20px!important;
    background:
      linear-gradient(rgba(8,9,12,.94),rgba(8,9,12,.94)) padding-box,
      linear-gradient(90deg,var(--hs-red) 0%,#fff 50%,var(--hs-red) 100%) border-box!important;
    box-shadow:0 20px 55px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)!important;
    overflow:hidden;
}
body.site .alt:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(215,25,32,.08),transparent 35%,rgba(255,255,255,.025) 50%,transparent 65%,rgba(215,25,32,.07));
}
body.site .alt-ic{
    position:relative;
    z-index:1;
    width:100%!important;
    max-width:none!important;
    padding:31px 26px 26px!important;
    gap:14px!important;
}
body.site .alt-logo img{
    max-width:170px!important;
    height:var(--alt-logo-yuk)!important;
    object-fit:contain;
}
body.site .alt-aciklama{max-width:620px!important;color:#a5a6ae!important}
body.site .alt-sosyal{gap:9px!important}
body.site .alt-sosyal a.ikon-baglanti{
    width:40px!important;height:40px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.025)!important;
}
body.site .alt-sosyal a.ikon-baglanti:hover{
    border-color:rgba(215,25,32,.55)!important;
    color:#fff!important;
    background:rgba(215,25,32,.10)!important;
    box-shadow:0 8px 22px rgba(215,25,32,.12)!important;
    transform:translateY(-2px)!important;
}
body.site .alt-linkler{gap:12px!important;margin-top:4px!important}
body.site .alt-linkler a{color:#9b9ca5!important}
body.site .alt-linkler a:hover{color:#fff!important}
body.site .yasal-footer-dot{color:var(--hs-red)!important}
body.site .alt-telif{color:#747680!important}
body.site .alt-imza{color:#62646d!important}

/* No public-site nav/footer motion on load: only deliberate hover feedback. */
body.site .site-nav-link,
body.site .logo img,
body.site .alt-sosyal a.ikon-baglanti{animation:none!important}

@media(max-width:700px){
    /* User requested these desktop-only controls to disappear on mobile. */
    body.site .site-nav-link{display:none!important}
    body.site .ust-ic{
        display:flex!important;
        width:calc(100% - 20px)!important;
        min-height:58px!important;
        justify-content:center!important;
        padding:7px 12px!important;
        border-radius:15px!important;
    }
    body.site .logo{grid-column:auto!important}
    body.site .logo img{height:38px!important;max-width:155px!important}
    body.site .ilerleme{top:70px!important}
    body.site .kahraman{padding:28px 19px 23px!important}
    body.site .kahraman h1{font-size:1.9rem!important}
    body.site .bolum{padding:18px!important}
    body.site .alt{width:calc(100% - 20px)!important;border-radius:17px!important}
    body.site .alt-ic{padding:26px 18px 22px!important}
}