@import url("/fonts/fonts.css");
:root{
  --zemin:#0A0A18; --yuzey:#13122A; --kart:#1C1940; --kart2:#24224A; --cizgi:#2C2A5A;
  --metin:#ECEBF7; --soluk:#A9A7CF; --teal:#4EC3C9; --teal2:#6FD6DB; --amber:#E6A65C; --kirmizi:#FF8A80;
  --yazi:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  --ic:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--zemin);color:var(--metin);font:400 16px/1.5 var(--yazi);min-height:100vh}
a{color:var(--teal)}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.atla{position:absolute;left:-9999px}.atla:focus{left:16px;top:16px;z-index:99;background:var(--amber);color:#000;padding:8px 12px}
[hidden]{display:none!important}

/* üst çubuk */
.ust{max-width:1180px;margin:0 auto;padding:18px var(--ic);display:flex;align-items:center;justify-content:space-between;gap:12px}
.marka img{height:54px;width:auto}
@media (min-width:900px){.marka img{height:72px}}
.ust-sag{display:flex;align-items:center;gap:10px}
.kim{display:flex;align-items:center;gap:10px;font:600 14px/1.2 var(--yazi);color:var(--soluk)}

/* düğmeler */
.d{display:flex;align-items:center;justify-content:space-between;gap:14px;font:700 16px/1.15 var(--yazi);padding:17px 18px;border:0;background:var(--kart);color:#fff;cursor:pointer;text-align:left;text-decoration:none;transition:background .15s,transform .15s}
.d:hover{background:#2a2660}
.d:active{transform:scale(.985)}
.d-ana{background:var(--teal);color:#071016}
.d-ana:hover{background:var(--teal2)}
.d-ince{padding:10px 14px;font-size:14px;background:transparent;border:1.5px solid var(--cizgi)}
.d-ince:hover{background:var(--kart)}
.d:disabled{opacity:.45;cursor:not-allowed;transform:none}
.d-tehlike{background:transparent;border:1.5px solid #5a2a3a;color:#ffb4ab}
.d-tehlike:hover{background:#2a1220}

/* kahraman */
.kahraman{max-width:1180px;margin:0 auto;padding:18px var(--ic) 40px;display:grid;gap:28px}
.ust-etiket{font:700 12px/1.2 var(--mono);color:var(--teal);letter-spacing:.08em;text-transform:uppercase}
h1{font:800 clamp(38px,9vw,68px)/.98 var(--yazi);font-variation-settings:"opsz" 96;letter-spacing:-.02em;margin-top:12px;max-width:12ch}
.sayac{display:flex;gap:8px;margin-top:22px}
.sayac div{background:var(--kart);padding:10px 12px 9px;min-width:72px}
.sayac b{display:block;font:700 28px/1 var(--mono);color:#fff;font-variant-numeric:tabular-nums}
.sayac span{font:400 11px/1 var(--mono);color:var(--soluk)}
.bilgi{margin-top:20px;display:grid;gap:6px}
.bilgi div{display:grid;grid-template-columns:108px 1fr;gap:10px;align-items:baseline}
.bilgi dt{font:700 11px/1.6 var(--mono);color:var(--soluk);text-transform:uppercase;letter-spacing:.06em}
.bilgi dd{font:600 17px/1.35 var(--yazi)}
.eylemler{margin-top:24px;display:grid;gap:8px;max-width:460px}
.bina{background:var(--yuzey);padding:16px;align-self:start}
.izgara{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.izgara i{height:0;padding-bottom:100%;background:var(--kart2);display:block;transition:background .3s,transform .3s}
.izgara i.y{background:var(--amber)}
.izgara i.t{background:var(--teal)}
.izgara i.n{animation:nabiz 1.6s ease-in-out infinite}
@keyframes nabiz{50%{transform:scale(.82)}}
.bina figcaption{display:flex;justify-content:space-between;margin-top:12px;font:400 12px/1.3 var(--mono);color:var(--soluk)}
.bina figcaption b{color:var(--amber)}
@media (min-width:900px){
  .kahraman{grid-template-columns:1.1fr .9fr;align-items:center;padding-top:40px;padding-bottom:64px}
  .bina{padding:22px}
  .izgara{gap:7px}
}

/* vurgu */
.vurgu-bant{max-width:1180px;margin:0 auto;padding:28px var(--ic);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.vurgu{font:700 clamp(22px,4.6vw,32px)/1.2 var(--yazi);border-left:4px solid var(--amber);padding-left:14px;max-width:24ch}
.vurgu-bant p+p{margin-top:16px;color:var(--soluk);max-width:70ch}

/* bloklar */
.blok{max-width:1180px;margin:0 auto;padding:40px var(--ic)}
.blok h2{font:800 26px/1.1 var(--yazi)}
.gundem{list-style:none;margin-top:16px;counter-reset:m;max-width:760px}
.gundem li{counter-increment:m;display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--cizgi);font-size:16px;line-height:1.4}
.gundem li::before{content:counter(m,decimal-leading-zero);font:700 13px/1.6 var(--mono);color:var(--amber);min-width:24px}
.uclu{display:grid;gap:14px}
.uclu article{background:var(--yuzey);padding:22px;display:flex;flex-direction:column;gap:14px}
.uclu article p{color:var(--soluk)}
.uclu article .d{margin-top:auto}
.vekiller{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.vekiller li{font:600 13px/1 var(--yazi);padding:8px 10px;background:var(--kart)}
@media (min-width:900px){.uclu{grid-template-columns:repeat(3,1fr)}}

/* alt */
.alt{max-width:1180px;margin:0 auto;padding:32px var(--ic) 48px;border-top:1px solid var(--cizgi);display:grid;gap:16px;font-size:14px;color:var(--soluk)}
.alt div{display:grid;gap:4px}
.alt b{color:var(--metin)}
.alt nav{display:flex;gap:16px;flex-wrap:wrap}
.telif{font-size:13px}

/* pencereler */
.pencere{border:0;padding:0;background:var(--yuzey);color:var(--metin);width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto}
.pencere.dar{width:min(440px,calc(100vw - 24px))}
.pencere:not([open]){display:none}
.pencere.yedek{display:block;position:fixed;top:12px;left:0;right:0;z-index:50;overflow:auto;box-shadow:0 0 0 200vmax rgba(5,5,14,.82)}
.pencere::backdrop{background:rgba(5,5,14,.82)}
.pencere[open]{animation:ac .22s ease-out}
@keyframes ac{from{opacity:0;transform:translateY(14px)}}
.p-ic{padding:22px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
.p-ic h2{font:800 24px/1.1 var(--yazi)}
.p-kaydir{overflow:auto;flex:1;min-height:120px;max-height:52vh;max-height:52dvh;padding-right:8px;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding-top:6px}
.p-alt{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.p-alt .d{flex:1 1 150px;justify-content:center}
.onay{display:flex;gap:10px;align-items:flex-start;font:600 15px/1.35 var(--yazi);cursor:pointer}
.onay input{width:22px;height:22px;accent-color:var(--teal);flex:none;margin-top:1px}
.kvkk{font-size:14px;line-height:1.55;color:#d4d2ee}
.kvkk h3{font:700 15px/1.3 var(--yazi);color:#fff;margin:16px 0 6px}
.kvkk p,.kvkk ul{margin-bottom:8px}
.kvkk ul{padding-left:18px}
.kvkk li{margin-bottom:4px}
.kvkk-ust{font:400 12px/1.5 var(--mono);color:var(--soluk)}

/* formlar */
.alan-g{display:grid;gap:6px;font:600 14px/1.2 var(--yazi);color:var(--soluk)}
.alan-g+.alan-g{margin-top:12px}
input[type=text],input[type=tel],input:not([type]),textarea,select{font:600 18px/1.3 var(--yazi);color:#fff;background:var(--zemin);border:1.5px solid var(--cizgi);padding:14px;width:100%;border-radius:0}
input:focus,textarea:focus{border-color:var(--teal);outline:none}
#gTCKN,#gKod,input[data-mono]{font-family:var(--mono);letter-spacing:.08em}
textarea{resize:vertical;min-height:64px;font-size:16px}
.hata{color:var(--kirmizi);font:600 14px/1.4 var(--yazi);min-height:1px}
.hata:empty{display:none}
.kod-bilgi{color:var(--soluk);font-size:15px;margin-bottom:12px}
.baglanti{background:none;border:0;color:var(--teal);font:600 14px/1.2 var(--yazi);text-decoration:underline;cursor:pointer;padding:10px 0 0;text-align:left}
.baglanti:disabled{color:var(--soluk);text-decoration:none;cursor:default}
.secim{display:grid;gap:8px}

/* malik alanı */
.alan{max-width:1180px;margin:0 auto 8px;padding:24px var(--ic) 36px;background:var(--yuzey)}
@media (min-width:1212px){.alan{padding:28px 28px 40px}}
.alan-ust{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.alan-ust h2{font:800 28px/1.1 var(--yazi);margin-top:6px}
.daireler{display:flex;gap:6px;flex-wrap:wrap}
.daireler span{font:700 13px/1 var(--mono);padding:8px 10px;background:var(--kart);color:var(--amber)}
.sekmeler{display:flex;gap:4px;margin-top:20px;border-bottom:1px solid var(--cizgi);overflow-x:auto}
.sekmeler button{flex:1 1 auto;background:none;border:0;padding:12px 8px;font:700 15px/1 var(--yazi);color:var(--soluk);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
.sekmeler button[aria-selected=true]{color:#fff;border-bottom-color:var(--teal)}
.sekme-ic{padding-top:20px;display:grid;gap:16px}
.kartlar{display:grid;gap:10px}
@media (min-width:760px){.kartlar{grid-template-columns:repeat(2,1fr)}}
.dkart{background:var(--kart);padding:18px;display:grid;gap:12px;align-content:start}
.dkart h3{font:800 20px/1.1 var(--yazi);display:flex;justify-content:space-between;align-items:center;gap:10px}
.rozet{font:700 11px/1 var(--mono);padding:6px 8px;letter-spacing:.04em;text-transform:uppercase}
.rozet.var{background:#103a33;color:#7ff0c9}
.rozet.yok{background:#3a2a12;color:var(--amber)}
.dkart dl{display:grid;gap:4px;font-size:14px}
.dkart dl div{display:grid;grid-template-columns:96px 1fr;gap:8px}
.dkart dt{color:var(--soluk)}
.dkart .satir{display:flex;gap:8px;flex-wrap:wrap}
.dkart .satir .d{flex:1 1 160px;justify-content:center;padding:13px 14px;font-size:15px}
.dkart .satir a.d{background:var(--kart2)}
.dkart .satir a.d:hover{background:#2f2c5e}
.form{background:var(--zemin);border:1.5px solid var(--cizgi);padding:18px;display:grid;gap:16px}
.form h3{font:800 20px/1.15 var(--yazi)}
.form .adim{font:700 12px/1 var(--mono);color:var(--amber);letter-spacing:.06em;text-transform:uppercase}
.vsec{display:grid;gap:8px}
@media (min-width:640px){.vsec{grid-template-columns:repeat(2,1fr)}}
.vsec button{display:flex;align-items:center;gap:12px;padding:14px;border:1.5px solid var(--cizgi);background:transparent;cursor:pointer;text-align:left;font:700 16px/1.2 var(--yazi);color:#fff}
.vsec button em{width:34px;height:34px;background:var(--kart);display:grid;place-items:center;font:700 12px var(--mono);font-style:normal;color:var(--teal);flex:none}
.vsec button[aria-pressed=true]{border-color:var(--teal);background:#0f2a33}
.dsec{display:flex;gap:8px;flex-wrap:wrap}
.dsec label{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1.5px solid var(--cizgi);cursor:pointer;font:700 15px var(--mono)}
.dsec input{width:18px;height:18px;accent-color:var(--teal)}
.ikili{display:grid;gap:12px}
@media (min-width:640px){.ikili{grid-template-columns:1fr 1fr}.ikili .tam{grid-column:1/-1}}
.metin{background:#f4f2ea;color:#16152B;padding:18px;font:400 15px/1.6 var(--yazi);white-space:pre-wrap;max-height:340px;overflow:auto}
.metin+.metin{margin-top:8px}
.metin b{display:block;font:700 12px/1.4 var(--mono);color:#5b587a;margin-bottom:6px;white-space:normal}
.basari{background:#0f2a33;border-left:4px solid var(--teal);padding:16px;display:grid;gap:8px}
.basari b{font:800 20px/1.2 var(--yazi)}
.kodlar{display:flex;gap:6px;flex-wrap:wrap}
.kodlar a{font:700 14px/1 var(--mono);background:var(--kart);padding:9px 10px;color:var(--teal);text-decoration:none}
.oneriler{display:grid;gap:12px}
.oneri-satir{display:grid;gap:6px}
.oneri-satir label{display:flex;justify-content:space-between;font:700 13px/1.2 var(--mono);color:var(--soluk)}
.oneri-satir label span.asim{color:var(--kirmizi)}
.not{color:var(--soluk);font-size:14px}
.ozel-not{font-size:14px;color:var(--amber)}
.d-dar{max-width:460px}
.ust-bosluk{margin-top:10px}
.imza-alt{display:grid;gap:14px;margin-top:14px}
.yukleniyor{opacity:.6;pointer-events:none}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* tek sütun sayfalar ve doğrulama */
.tek{max-width:820px}
h1.kucuk{font-size:clamp(30px,6vw,44px);max-width:none}
.mono{font-family:var(--mono)}
.kucuk-yazi{font-size:12px;word-break:break-all}
.dogrula{margin-top:20px;background:var(--yuzey);padding:20px;border-left:4px solid var(--teal)}
.dogrula.uyari{border-left-color:var(--amber)}
.dogrula dl{display:grid;gap:10px}
.dogrula dl div{display:grid;grid-template-columns:140px 1fr;gap:10px}
.dogrula dt{color:var(--soluk);font-size:14px}
.tek .kvkk{margin-top:18px;font-size:15px}

/* yönetim */
.y-giris{max-width:440px;margin:20px auto}
.y-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:14px}
.y-ozet div{background:var(--yuzey);padding:14px}
.y-ozet b{display:block;font:800 26px/1.1 var(--yazi)}
.y-ozet span{font:400 12px/1.3 var(--mono);color:var(--soluk)}
.y-arac{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.y-arac .d{flex:1 1 200px;justify-content:center}
.y-baslik{font:800 22px/1.2 var(--yazi);margin:32px 0 10px}
.y-kaydir{overflow-x:auto}
.y-tablo{width:100%;border-collapse:collapse;font-size:14px}
.y-tablo th{text-align:left;font:700 11px/1.3 var(--mono);color:var(--soluk);text-transform:uppercase;padding:8px;border-bottom:1px solid var(--cizgi)}
.y-tablo td{padding:8px;border-bottom:1px solid #1d1b3d;vertical-align:top}
.y-tablo .ayrinti{max-width:420px;word-break:break-all;color:var(--soluk)}
.y-form{margin-top:12px}