/* Oda — ana sayfa (varlik/ana.css) çizgisinde koyu tema. Satır içi style/script yok (CSP). */
:root{
  --bg:#070b1f;--bg2:#0d1433;--fg:#eef1ff;--mut:#a9b1d6;--cizgi:rgba(255,255,255,.10);--cizgi2:rgba(255,255,255,.18);
  --kart:rgba(255,255,255,.045);--kart2:rgba(255,255,255,.08);
  --yz:#8b6cff;--yz2:#c084fc;--va:#22d3ee;--va2:#3b82f6;--yd:#34d399;--yd2:#a3e635;--amb:#fbbf24;
  --vurgu:var(--va);--bant:#2a2310;--bantfg:#ffe6a3;--kirmizi:#f87171;
  --r1:var(--va);--r2:var(--yz2);
  color-scheme:dark
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:
    radial-gradient(900px 520px at 100% -10%,rgba(139,108,255,.22),transparent 60%),
    radial-gradient(800px 520px at -10% 40%,rgba(34,211,238,.12),transparent 60%),
    radial-gradient(700px 480px at 60% 110%,rgba(52,211,153,.10),transparent 60%),
    linear-gradient(180deg,#0a1030,var(--bg) 420px);
  background-attachment:fixed;-webkit-font-smoothing:antialiased}
a{color:var(--va);text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline;color:#67e8f9}
:focus-visible{outline:3px solid var(--amb);outline-offset:2px;border-radius:6px}
::selection{background:rgba(139,108,255,.45)}
h1,h2,h3{line-height:1.25;letter-spacing:-.01em}
main h1{font-size:clamp(1.5rem,4vw,2rem);margin:1rem 0 .6rem}
main h1+.mut,main h1+p{margin-top:-.2rem}

/* Üst bant + başlık */
.bant{background:var(--bant);color:var(--bantfg);padding:.35rem 1rem;font-size:.8rem;text-align:center;border-bottom:1px solid rgba(251,191,36,.18)}
.ust{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:.6rem 1rem;flex-wrap:wrap;
  padding:.7rem max(1rem,calc((100% - 1040px)/2));border-bottom:1px solid var(--cizgi);
  background:rgba(7,11,31,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.marka{font-weight:800;text-decoration:none;color:var(--fg);letter-spacing:-.01em;
  background:linear-gradient(90deg,#fff,var(--va) 55%,var(--yz2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.marka:hover{text-decoration:none;filter:brightness(1.15)}
.marka small{font-weight:500;font-size:.75em;color:var(--mut);-webkit-text-fill-color:var(--mut)}
.ust form.satir:last-child a{color:var(--fg);font-weight:600;padding:.3rem .65rem;border-radius:999px;background:var(--kart2);border:1px solid var(--cizgi)}
.ust form.satir:last-child a:hover{text-decoration:none;border-color:var(--cizgi2)}

main{max-width:820px;margin:0 auto;padding:1.25rem 1rem 1rem}
footer{max-width:820px;margin:2.5rem auto 0;padding:1.25rem 1rem 2rem;color:var(--mut);font-size:.85rem;text-align:center;border-top:1px solid var(--cizgi)}
footer a{color:var(--mut)}
footer a:hover{color:var(--fg)}

.satir{display:flex;gap:.5rem;align-items:center;margin:0}
.aralik{justify-content:space-between}

/* Cam kartlar */
.kart{position:relative;background:linear-gradient(180deg,var(--kart2),var(--kart));border:1px solid var(--cizgi);border-radius:16px;padding:1rem 1.1rem;margin:.75rem 0;
  box-shadow:0 10px 30px -18px rgba(0,0,0,.8);transition:border-color .2s,transform .2s,box-shadow .2s}
.kart:hover{border-color:var(--cizgi2)}
a.kart:hover,.kart.satir:hover{transform:translateY(-1px);box-shadow:0 16px 36px -20px rgba(34,211,238,.35)}
.kart h2,.kart h3{margin:.1rem 0 .3rem}
.kart h2 a,.kart h3 a{color:var(--fg)}
.kart h2 a:hover,.kart h3 a:hover{color:var(--va)}
article.kart{padding:1.25rem 1.3rem;overflow:hidden}
article.kart::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--r1),var(--r2))}
/* Ana alan satırları: üstte renkli çizgi, sırayla mor / camgöbeği / yeşil */
.kart.satir.aralik:not([class*=derin-]){overflow:hidden}
.kart.satir.aralik:not([class*=derin-])::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--r1),var(--r2))}
.kart.satir.aralik:nth-of-type(3n+1){--r1:var(--yz);--r2:var(--yz2)}
.kart.satir.aralik:nth-of-type(3n+2){--r1:var(--va);--r2:var(--va2)}
.kart.satir.aralik:nth-of-type(3n){--r1:var(--yd);--r2:var(--yd2)}
[class*=derin-].kart{background:var(--kart);border-style:solid;border-color:rgba(255,255,255,.07)}

.mut{color:var(--mut);font-size:.88rem}
.govde{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
label{display:block;font-weight:600;margin:.85rem 0 .3rem;color:#dfe4ff}
label.onay{display:flex;gap:.5rem;align-items:flex-start;font-weight:500}
input[type=checkbox]{accent-color:var(--va);width:1.05rem;height:1.05rem;margin-top:.2rem}

/* Form alanları */
input[type=text],input[type=url],input[type=email],input[type=number],textarea,select{width:100%;padding:.6rem .75rem;border:1px solid var(--cizgi2);border-radius:10px;
  background:rgba(4,8,26,.65);color:var(--fg);font:inherit;transition:border-color .15s,box-shadow .15s}
select{appearance:none;-webkit-appearance:none;padding-right:2.2rem;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);
  background-position:calc(100% - 1.1rem) 55%,calc(100% - .75rem) 55%;background-size:.35rem .35rem;background-repeat:no-repeat}
select option{background:var(--bg2);color:var(--fg)}
input::placeholder,textarea::placeholder{color:#7d86ad}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--va);box-shadow:0 0 0 3px rgba(34,211,238,.22)}
textarea{min-height:9rem;resize:vertical}

/* Düğmeler */
button,.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border:0;border-radius:999px;
  background:linear-gradient(135deg,var(--va),var(--yz2));color:#0b0f24;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;
  box-shadow:0 8px 22px -10px rgba(139,108,255,.7);transition:transform .15s,box-shadow .15s,filter .15s}
button:hover,.dugme:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 12px 28px -10px rgba(139,108,255,.85);text-decoration:none;color:#0b0f24}
button:active,.dugme:active{transform:translateY(0)}
button.ikincil,.dugme.ikincil{background:rgba(255,255,255,.04);color:var(--fg);border:1px solid var(--cizgi2);box-shadow:none;font-weight:600}
button.ikincil:hover,.dugme.ikincil:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3);color:var(--fg);box-shadow:none}
button.tehlike{background:rgba(248,113,113,.08);color:var(--kirmizi);border:1px solid rgba(248,113,113,.35);box-shadow:none;font-weight:600}
button.tehlike:hover{background:rgba(248,113,113,.16);color:#fecaca;box-shadow:none}
button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.islem{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.islem form{margin:0}
.islem button,.islem .dugme{padding:.4rem .85rem;font-size:.9rem}

/* Raporla */
details.rapor{display:inline-block;font-size:.88rem}
details.rapor>summary{cursor:pointer;color:var(--mut);list-style:none;padding:.35rem .7rem;border-radius:999px;border:1px solid transparent}
details.rapor>summary::-webkit-details-marker{display:none}
details.rapor>summary:hover{color:var(--fg);border-color:var(--cizgi)}
details.rapor[open]>summary{color:var(--amb)}
details.rapor[open]{display:block;width:100%;margin-top:.4rem;padding:.6rem .8rem;border:1px solid var(--cizgi);border-radius:12px;background:rgba(4,8,26,.5)}

.hata{color:var(--kirmizi);background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.3);border-radius:10px;padding:.5rem .75rem}
.hata:empty{display:none}
.giris{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:1rem}
.apple-dugme{min-height:40px;padding:.45rem 1rem;background:#fff;color:#000;border-radius:6px;box-shadow:none;font-weight:600}
.apple-dugme:hover{color:#000}

/* GIS stil dosyası yüklenmezse düğme bozulmasın */
#google-dugme{min-height:44px;max-height:44px;max-width:400px;overflow:hidden;contain:layout paint}
#google-dugme:empty{height:44px}
#google-dugme *{max-width:400px}
#google-dugme svg{width:20px!important;height:20px!important;max-width:20px;max-height:20px}
#google-dugme [aria-live],#google-dugme .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#google-dugme button{background:none;box-shadow:none;transform:none;filter:none}
/* Google iframe'i yüklenene kadar ham yedek metin görünmesin: düğme biçiminde yer tutucu (giris.js .hazir ekler) */
#google-dugme:not(.hazir){width:230px;height:44px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));background-size:200% 100%;animation:gyer 1.2s linear infinite}
#google-dugme:not(.hazir) > *{visibility:hidden}
@keyframes gyer{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){#google-dugme:not(.hazir){animation:none}}

[id^=alan-]{scroll-margin-top:6rem}

/* A1: arama */
.ara-kutu{flex:1 1 14rem;max-width:24rem}
input[type=search]{flex:1;min-width:0;width:100%;padding:.45rem .85rem;border:1px solid var(--cizgi2);border-radius:999px;background:rgba(4,8,26,.65);color:var(--fg);font:inherit}
input[type=search]:focus{outline:none;border-color:var(--va);box-shadow:0 0 0 3px rgba(34,211,238,.22)}
.ust button{padding:.4rem .9rem;font-size:.9rem}
.ara-sonuc mark{background:rgba(251,191,36,.22);color:#ffe6a3;padding:0 .15em;border-radius:3px}
.ara-ozet{margin:.3rem 0 0;overflow-wrap:anywhere}
.sayfalama{display:flex;justify-content:space-between;gap:.5rem;margin:1rem 0}

/* Ders eki */
.ders-ek{border-top:1px solid var(--cizgi);margin-top:1.1rem;padding-top:.75rem}
.ders-ek h2,.ders-ek h3{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--va)}
.video-kutu{position:relative;width:100%;aspect-ratio:16/9;margin:.5rem 0;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--cizgi)}
.video{display:block;width:100%;height:100%;border:0}

/* Alanlar sayfası ağaç girintisi (satır içi style CSP'de ölür) */
.derin-1{margin-left:18px}.derin-2{margin-left:36px}.derin-3{margin-left:54px}.derin-4{margin-left:72px}.derin-5{margin-left:90px}

/* Tablolar (moderatör/yönetim) */
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{padding:.5rem .6rem;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
th{color:var(--mut);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}

/* Mobil: başlık iki satır — marka + kullanıcı, altında tam genişlik arama */
@media (max-width:640px){
  .bant{font-size:.74rem}
  .ust{padding:.55rem .85rem;gap:.5rem}
  .marka{font-size:.92rem;line-height:1.25;flex:1 1 9rem;min-width:0}
  .ust form.satir:last-child a{max-width:8.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.25rem .6rem;font-size:.88rem}
  .marka small{display:none}
  .ust form.satir:last-child{order:2}
  .ara-kutu{order:3;flex:1 1 100%;max-width:none}
  .derin-1{margin-left:10px}.derin-2{margin-left:20px}.derin-3{margin-left:30px}.derin-4{margin-left:40px}.derin-5{margin-left:50px}
  main{padding:1rem .85rem}
  .kart{padding:.9rem .95rem;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}button:hover,.dugme:hover,.kart:hover{transform:none}}