:root{--bg:#f8fafb;--fg:#10211f;--mut:#5b6b69;--acc:#0f766e;--acc2:#115e59;--kart:#fff;--bor:#dbe5e3;--onacc:#fff;--c0:#94a3b8;--c1:#0f766e;--c2:#f59e0b;--c3:#4f46e5;--t0:#0f172a;--t1:#fff;--t2:#0f172a;--t3:#fff;--s0:#3b82f6;--s1:#10b981;--s2:#f59e0b;--s3:#ef4444;--ln0:#64748b;--ln1:#0f766e;--cardf:#f1f5f4;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1514;--fg:#e6f0ee;--mut:#9bb0ad;--acc:#2dd4bf;--acc2:#5eead4;--kart:#142120;--bor:#243635;--onacc:#042f2e;--c0:#64748b;--c1:#2dd4bf;--c2:#fbbf24;--c3:#818cf8;--t0:#f8fafc;--t1:#04211e;--t2:#1a1305;--t3:#0b1020;--s0:#60a5fa;--s1:#34d399;--s2:#fbbf24;--s3:#f87171;--ln0:#94a3b8;--ln1:#2dd4bf;--cardf:#0d1514;color-scheme:dark}}
:root[data-theme=dark]{--bg:#0d1514;--fg:#e6f0ee;--mut:#9bb0ad;--acc:#2dd4bf;--acc2:#5eead4;--kart:#142120;--bor:#243635;--onacc:#042f2e;--c0:#64748b;--c1:#2dd4bf;--c2:#fbbf24;--c3:#818cf8;--t0:#f8fafc;--t1:#04211e;--t2:#1a1305;--t3:#0b1020;--s0:#60a5fa;--s1:#34d399;--s2:#fbbf24;--s3:#f87171;--ln0:#94a3b8;--ln1:#2dd4bf;--cardf:#0d1514;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc)}.kap{max-width:880px;margin:0 auto;padding:0 16px}
.ust{background:var(--kart);border-bottom:1px solid var(--bor)}.ust .kap{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--fg);text-decoration:none;font-size:19px}
.lg{background:var(--acc);color:var(--onacc);width:32px;height:32px;border-radius:9px;display:grid;place-items:center}
.ust nav a{margin-left:18px;color:var(--mut);text-decoration:none;font-size:15px}
h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:24px 0 8px}h2{margin-top:36px}
.ozet{color:var(--mut);margin-top:0}.kirinti{font-size:14px;color:var(--mut);margin-top:16px}
.hero{padding:28px 0 8px}.hero p{color:var(--mut);font-size:19px}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.kart{display:flex;flex-direction:column;gap:4px;background:var(--kart);border:1px solid var(--bor);border-radius:14px;padding:16px;text-decoration:none;color:var(--fg);transition:.15s}
.kart:hover{border-color:var(--acc);transform:translateY(-2px)}.kart em{font-style:normal;font-size:12px;color:var(--acc);text-transform:uppercase;letter-spacing:.06em}
.kart span{color:var(--mut);font-size:15px}
.arac{background:var(--kart);border:1px solid var(--bor);border-radius:16px;padding:20px;display:grid;gap:6px;margin-top:16px}
label{font-weight:600;font-size:15px;margin-top:8px}small{color:var(--mut)}
input,select{font:inherit;padding:11px 12px;border:1px solid var(--bor);border-radius:10px;background:var(--bg);color:var(--fg);width:100%}
button{margin-top:14px;font:inherit;font-weight:700;background:var(--acc);color:var(--onacc);border:0;border-radius:10px;padding:13px;cursor:pointer}
button:hover{background:var(--acc2)}
.sonuc{margin:18px 0;background:var(--kart);border:2px solid var(--acc);border-radius:16px;padding:8px 18px}
.sat{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--bor)}.sat:last-of-type{border:0}
.sat.buyuk strong{font-size:1.35em;color:var(--acc)}.not{font-size:14px;color:var(--mut)}
.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:7px;text-align:right;border-bottom:1px solid var(--bor)}th:first-child,td:first-child{text-align:left}
.icerik{margin-top:20px}details{background:var(--kart);border:1px solid var(--bor);border-radius:10px;padding:10px 14px;margin:8px 0}summary{cursor:pointer;font-weight:600}
.reklam{margin:24px 0;min-height:90px;text-align:center}.cta{background:var(--kart);border:1px solid var(--acc);border-radius:12px;padding:14px}
.alt{margin-top:60px;border-top:1px solid var(--bor);background:var(--kart);padding:28px 0}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.cols h4{margin:0 0 8px}.cols a{display:block;font-size:15px;padding:2px 0}.tel{font-size:14px;color:var(--mut)}

.gorsel{margin:24px 0;background:var(--kart);border:1px solid var(--bor);border-radius:14px;padding:12px}
.gorsel svg{width:100%;height:auto;display:block}.gorsel figcaption{font-size:14px;color:var(--mut);text-align:center;margin-top:8px}


.b0{fill:var(--c0)}.b1{fill:var(--c1)}.b2{fill:var(--c2)}.b3{fill:var(--c3)}
.card{fill:var(--cardf);stroke:var(--bor);stroke-width:1.5}.arr{stroke:var(--acc);stroke-width:2.5;fill:none;stroke-linecap:round}
.s0{fill:var(--s0)}.s1{fill:var(--s1)}.s2{fill:var(--s2)}.s3,.s4,.s5{fill:var(--s3)}.mk{fill:var(--fg)}
.grid{stroke:var(--bor)}.ln0{stroke:var(--ln0);stroke-width:3}.ln1{stroke:var(--ln1);stroke-width:3}
.gh{font-weight:700;font-size:16px;line-height:1.35;margin:2px 4px 10px}
.gl{font:17px system-ui,sans-serif;fill:var(--fg)}.gs{font:15px system-ui,sans-serif;fill:var(--mut)}
.gv{font:700 17px system-ui,sans-serif;fill:var(--fg)}.gw{font:700 17px system-ui,sans-serif}
.gw0{fill:var(--t0)}.gw1{fill:var(--t1)}.gw2{fill:var(--t2)}.gw3{fill:var(--t3)}
.tema{margin:0 0 0 14px;width:38px;height:38px;padding:0;border-radius:50%;background:var(--bg);color:var(--fg);border:1px solid var(--bor);font-size:18px;line-height:1}
.tema:hover{background:var(--bor)}.ust nav{display:flex;align-items:center}