/* ANKADRA HUB — ana portal (5 kapı). Kendi içinde bağımsız: koyu + açık tema, mobil öncelikli. */
[hidden]{display:none!important}
:root{
  --bg:#0c0a10; --bg2:#14111a; --card:#17131e; --line:#2c2535; --tx:#f3eee9; --tx2:#b3a9b8; --tx3:#7d7386;
  --gold:#ffc35a; --ember:#ff7a2f; --crimson:#d6364f;
  --mc:#5fd36a; --com:#8b7bff; --dev:#ff7a2f; --bot:#3d9bff; --ark:#3ccfe6;
  --f-d:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif; --f-b:"Figtree","Segoe UI",system-ui,sans-serif; --f-m:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --r:22px; color-scheme:dark;
}
:root[data-theme="light"]{--bg:#f6f2ee;--bg2:#fffaf6;--card:#ffffff;--line:#e4dcd5;--tx:#1b1418;--tx2:#5b5058;--tx3:#8a7f86;--mc:#2f9b3d;--com:#5b45e0;--dev:#d4561a;--bot:#1f6fd1;--ark:#0f8aa0;color-scheme:light}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#f6f2ee;--bg2:#fffaf6;--card:#ffffff;--line:#e4dcd5;--tx:#1b1418;--tx2:#5b5058;--tx3:#8a7f86;--mc:#2f9b3d;--com:#5b45e0;--dev:#d4561a;--bot:#1f6fd1;--ark:#0f8aa0;color-scheme:light}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--ember) 14%,transparent),transparent 70%),var(--bg);color:var(--tx);font:16px/1.55 var(--f-b);min-height:100dvh;display:flex;flex-direction:column}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#120d14;padding:.5em 1em;border-radius:999px;z-index:9}
.skip:focus{left:12px}
h1,h2,h3{font-family:var(--f-d);line-height:1.05;margin:0;text-wrap:balance}
p{margin:0}

/* üst çubuk */
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:12px clamp(16px,3vw,36px);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:800 1.05rem var(--f-d);letter-spacing:.08em}
.ara{position:relative;flex:1;max-width:460px;margin-inline:auto}
.ara input{width:100%;font:inherit;color:var(--tx);background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:.6em 1em .6em 2.4em}
.ara input:focus{outline:none;border-color:var(--gold)}
.ara::before{content:"⌕";position:absolute;left:.9em;top:50%;transform:translateY(-52%);color:var(--tx3);font-size:1.1rem}
.ara input:not(:placeholder-shown)~kbd{display:none}
.ara kbd{position:absolute;right:.8em;top:50%;transform:translateY(-50%);font:600 .72rem var(--f-m);color:var(--tx3);border:1px solid var(--line);border-radius:6px;padding:.1em .45em}
.sonuc{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 24px 60px -20px #0008;max-height:60vh;overflow:auto}
.sonuc a{display:flex;gap:10px;align-items:center;padding:.6em .8em;border-radius:10px;text-decoration:none}
.sonuc a:hover,.sonuc a.on{background:var(--bg2)}
.sonuc small{color:var(--tx3);margin-left:auto;font:600 .7rem var(--f-m);text-transform:uppercase;letter-spacing:.08em}
.sonuc .bos{padding:.8em;color:var(--tx3)}
.arac{display:flex;gap:8px;align-items:center}
.ib{font:600 .82rem var(--f-b);color:var(--tx);background:transparent;border:1px solid var(--line);border-radius:999px;padding:.5em .9em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4em;white-space:nowrap}
.ib:hover{border-color:var(--gold)}
.durum{display:inline-flex;gap:5px;align-items:center}
.durum i{width:8px;height:8px;border-radius:50%;background:var(--tx3);display:inline-block}
.durum i.ok{background:#43c46a;box-shadow:0 0 0 3px #43c46a33}
.durum i.yok{background:#e0566b}
@media (max-width:720px){.ara kbd,.arac .yazi{display:none}.top{flex-wrap:wrap}.ara{order:3;flex-basis:100%;max-width:none}}

/* başlık */
.bas{text-align:center;padding:clamp(28px,6vw,64px) 16px clamp(18px,3vw,30px)}
.bas .ust{font:600 .78rem var(--f-m);letter-spacing:.2em;text-transform:uppercase;color:var(--tx3)}
.bas h1{font-size:clamp(2.1rem,6vw,4rem);font-weight:800;letter-spacing:-.035em;margin-top:.25em}
.bas h1 em{font-style:normal;background:linear-gradient(100deg,var(--gold),var(--ember) 45%,var(--crimson));-webkit-background-clip:text;background-clip:text;color:transparent}
.bas p{color:var(--tx2);margin-top:.7em;font-size:1.06rem}

/* 5 kapı */
.kapilar{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.4vw,18px);padding:0 clamp(16px,3vw,36px) clamp(20px,3vw,36px);max-width:1680px;width:100%;margin-inline:auto}
.k{--c:var(--tx);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:clamp(380px,58vh,600px);padding:clamp(20px,2.2vw,30px);border-radius:var(--r);border:1px solid var(--line);background:var(--card);text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.k::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 70% at 85% 0%,color-mix(in srgb,var(--c) 30%,transparent),transparent 60%),radial-gradient(90% 60% at 0% 100%,color-mix(in srgb,var(--c) 14%,transparent),transparent 60%);transition:transform .6s}
.k:hover{transform:translateY(-5px);border-color:var(--c);box-shadow:0 30px 80px -34px var(--c)}
.k:hover::before{transform:scale(1.06)}
.k .no{font:700 .72rem var(--f-m);color:var(--tx3);letter-spacing:.1em}
.k .ik{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:1.8rem;background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}
.k .tag{font:600 .72rem var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--c);margin-top:14px}
.k h2{font-size:clamp(1.5rem,2vw,2.1rem);letter-spacing:-.02em;color:var(--tx)}
.k p{color:var(--tx2);font-size:.95rem}
.k ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.k li{font-size:.76rem;padding:.3em .7em;border-radius:999px;background:color-mix(in srgb,var(--tx) 6%,transparent);border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);color:var(--tx2)}
.k .canli{font:600 .76rem var(--f-m);color:var(--c);min-height:1.2em;margin-top:auto}
.k .git{display:inline-flex;align-items:center;gap:.5em;align-self:flex-start;font-weight:700;padding:.8em 1.2em;border-radius:999px;background:var(--c);color:#0c0a10}
.k .git span{transition:transform .2s}.k:hover .git span{transform:translateX(4px)}
.k-mc{--c:var(--mc)}.k-com{--c:var(--com)}.k-dev{--c:var(--dev)}.k-bot{--c:var(--bot)}.k-ark{--c:var(--ark)}
.k-com .git,.k-bot .git{color:#fff}
@media (max-width:1400px){.kapilar{grid-template-columns:repeat(6,1fr)}.k{grid-column:span 2;min-height:420px}.k:nth-child(4),.k:nth-child(5){grid-column:span 3;min-height:340px}}
@media (max-width:900px){.kapilar{grid-template-columns:1fr 1fr}.k,.k:nth-child(4){grid-column:auto}.k:nth-child(5){grid-column:1/-1}.k{min-height:340px}}
@media (max-width:600px){.kapilar{grid-template-columns:1fr}.k:nth-child(5){grid-column:auto}.k,.k:nth-child(4),.k:nth-child(5){min-height:0}.k .canli:empty{display:none}}

/* alt */
.alt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:8px 16px 26px;font-size:.84rem;color:var(--tx3)}
.alt a{text-decoration:none;color:var(--tx2)}.alt a:hover{color:var(--tx)}

/* ARK tanıtım sayfası */
.ark{max-width:1100px;margin:0 auto;padding:clamp(24px,5vw,60px) clamp(16px,4vw,40px);display:grid;gap:clamp(18px,3vw,30px)}
.ark-hero{position:relative;overflow:hidden;border-radius:28px;border:1px solid color-mix(in srgb,var(--ark) 40%,var(--line));padding:clamp(28px,6vw,70px);background:radial-gradient(90% 80% at 85% 10%,color-mix(in srgb,var(--ark) 28%,transparent),transparent 60%),radial-gradient(70% 70% at 0% 100%,#d4b36a22,transparent 60%),var(--card)}
.ark-hero .tag{font:600 .74rem var(--f-m);letter-spacing:.18em;text-transform:uppercase;color:var(--ark)}
.ark-hero h1{font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;letter-spacing:-.035em;margin:.25em 0 .3em}
.ark-hero p{color:var(--tx2);max-width:60ch;font-size:1.08rem}
.ark-git{display:inline-flex;gap:.6em;align-items:center;margin-top:24px;font:700 1.05rem var(--f-b);padding:1em 1.6em;border-radius:999px;background:linear-gradient(135deg,#7fe6f5,#1a8fa8);color:#04111b;text-decoration:none}
.ark-git:hover{filter:brightness(1.08)}
.ark-kart{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ark-kart div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.ark-kart b{display:block;font:800 1.4rem var(--f-d);color:var(--ark)}
.ark-kart span{color:var(--tx2);font-size:.92rem}
.ark-not{color:var(--tx3);font-size:.88rem;text-align:center}
@media (prefers-reduced-motion:reduce){.k,.k::before,.k .git span{transition:none}}