/* ciciftp.com / kodhisar.com — tek stil dosyası. Marka: bulut mavisi + klasör turuncusu (cici.png). Dış yazı tipi/CDN yok. */
:root{
  --blue:#1e6fb5; --blue2:#2ab7e8; --orange:#ff7a1a; --orange2:#ffb347;
  --ink:#16202a; --muted:#5b6b7a; --line:#e3e9ef; --bg:#ffffff; --bg2:#f4f8fb; --card:#ffffff;
  --radius:14px; --shadow:0 10px 30px rgba(22,32,42,.08);
  --font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"Cascadia Mono",Consolas,"Courier New",monospace;
}
@media (prefers-color-scheme:dark){
  :root{ --ink:#e8eef4; --muted:#9fb0c0; --line:#243241; --bg:#0f161d; --bg2:#141d26; --card:#18232e; --shadow:0 10px 30px rgba(0,0,0,.35); }
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 var(--font);color:var(--ink);background:var(--bg)}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
code,pre,.sha{font-family:var(--mono);font-size:.9em}
pre{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:14px;overflow:auto}
code{background:var(--bg2);padding:.1em .35em;border-radius:5px}
pre code{background:none;padding:0}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em} h1{font-size:2.4rem;margin:.2em 0 .4em} h2{font-size:1.6rem;margin:1.6em 0 .6em} h3{font-size:1.15rem;margin:1.2em 0 .4em}
.muted{color:var(--muted)} small{color:var(--muted)}
table{border-collapse:collapse;width:100%;margin:1em 0} th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top} th{color:var(--muted);font-weight:600;font-size:.9rem}

/* üst çubuk */
header.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:24px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;color:var(--ink)} .brand:hover{text-decoration:none}
header nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0} header nav a{display:block;padding:8px 12px;border-radius:8px;color:var(--ink);font-weight:500}
header nav a:hover,header nav a.active{background:var(--bg2);text-decoration:none}
header .right{margin-left:auto;display:flex;align-items:center;gap:12px}
.lang{font-weight:600;color:var(--muted);padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:.85rem}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:600;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.btn:hover{text-decoration:none;border-color:var(--blue)}
.btn.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;border:0;box-shadow:0 6px 18px rgba(255,122,26,.35)}
.btn.primary:hover{filter:brightness(1.05)}
.btn.big{padding:14px 26px;font-size:1.05rem}

/* kahraman */
.hero{background:radial-gradient(1200px 500px at 20% -10%,rgba(42,183,232,.18),transparent 60%),radial-gradient(900px 400px at 90% 10%,rgba(255,122,26,.14),transparent 60%);padding:64px 0 32px}
.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.hero .lead{font-size:1.2rem;color:var(--muted);max-width:52ch}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 10px}
.hero .fine{font-size:.85rem;color:var(--muted)}
.hero .shot{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}
.kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:rgba(42,183,232,.12);padding:4px 10px;border-radius:999px}

/* bölümler */
section.block{padding:48px 0} section.alt{background:var(--bg2)}
.grid{display:grid;gap:18px} .grid.c3{grid-template-columns:repeat(3,1fr)} .grid.c4{grid-template-columns:repeat(4,1fr)} .grid.c2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card h3{margin-top:0} .card .ico{font-size:1.6rem;margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} .chip{background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.9rem}
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} .shots figure{margin:0} .shots img{border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow)} .shots figcaption{font-size:.9rem;color:var(--muted);margin-top:6px}
.article{padding:36px 0 64px;max-width:860px}
.article h1{margin-top:0}
.badge{display:inline-block;font-size:.7rem;font-weight:700;vertical-align:middle;padding:2px 8px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);color:var(--muted)}
.badge.beta{background:rgba(255,122,26,.12);color:var(--orange);border-color:transparent} .badge.final{background:rgba(30,111,181,.12);color:var(--blue);border-color:transparent}
.release{border-bottom:1px solid var(--line);padding-bottom:12px} .release h2 small{font-weight:400;font-size:.9rem;color:var(--muted)}
.release .lead{color:var(--muted)}
table.downloads td:first-child{min-width:260px} .sha{word-break:break-all;font-size:.75rem;color:var(--muted)}
a.dl{font-weight:600}
.notice{border-left:4px solid var(--orange);background:rgba(255,122,26,.07);padding:12px 16px;border-radius:8px;margin:16px 0}
.ok{border-left-color:var(--blue);background:rgba(30,111,181,.07)}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.9rem} .foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* kodhisar */
.kodhisar-com .hero .wrap{grid-template-columns:1fr}
.products .card{display:flex;gap:18px;align-items:flex-start} .products .card img{width:64px;flex:none}

@media (max-width:900px){
  .hero .wrap,.grid.c3,.grid.c4,.grid.c2,.shots{grid-template-columns:1fr}
  header nav{display:none} h1{font-size:1.9rem}
}