:root{--ana:#0b2545;--ana2:#13315c;--vurgu:#c9a227;--vurgu-acik:#f6efd9;--metin:#1d2433;--soluk:#5b6475;--zemin:#f7f6f2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--metin);background:var(--zemin);line-height:1.65}
a{color:var(--ana)}.ic{max-width:1080px;margin:0 auto;padding:0 16px}
.ust{background:var(--ana);color:#fff}.ust .ic{display:flex;justify-content:space-between;align-items:center;min-height:60px;gap:10px}.ust nav{display:flex;flex-wrap:wrap;justify-content:flex-end}
.ust a{color:#fff;text-decoration:none}.logo{font-weight:800;font-size:22px}.logo:after{content:".";color:var(--vurgu)}.ust nav a{font-weight:600;opacity:.9;margin-inline-start:16px}
.alt{background:var(--ana);color:#cfd6e3;margin-top:48px;padding:20px 0;font-size:14px}
.hero{padding:36px 0 12px}.hero h1{font-size:34px;line-height:1.2;margin:0 0 6px;color:var(--ana)}.hero p{color:var(--soluk);margin:0;font-size:18px}
.cipler{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.cip{border:1px solid #d5d9e0;background:#fff;color:var(--ana);border-radius:20px;padding:6px 14px;font:inherit;font-size:14px;cursor:pointer}
.cip.secili{background:var(--ana);color:#fff;border-color:var(--ana)}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.kart{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(11,37,69,.08);transition:transform .15s}
.kart:hover{transform:translateY(-2px)}.kart img,.kart-bos{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--vurgu-acik);display:flex;align-items:center;justify-content:center;font-size:40px}
.kart-ic{padding:14px 16px 16px}.kart h3{margin:4px 0 6px;font-size:18px;line-height:1.3;color:var(--ana)}.kart p{margin:0 0 8px;color:var(--soluk);font-size:14px}.kart small{color:var(--soluk)}
.kat{color:var(--vurgu);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.dil-liste{margin-top:22px;font-size:14px;color:var(--soluk)}.dil-liste a{margin:0 6px}
.kirinti{font-size:13px;color:var(--soluk);padding:18px 0 0}.kirinti a{color:var(--soluk)}
.makale{max-width:760px;margin:0 auto;background:#fff;border-radius:16px;padding:28px 24px;margin-top:14px;box-shadow:0 1px 3px rgba(11,37,69,.06)}
.makale h1{font-size:32px;line-height:1.2;margin:6px 0 10px;color:var(--ana)}.makale .ozet{font-size:19px;color:var(--soluk);margin:0 0 10px}
.makale .meta{font-size:13px;color:var(--soluk);margin-bottom:16px}.makale .kapak{width:100%;border-radius:12px;margin:6px 0 18px}
.makale h2{color:var(--ana);margin:30px 0 10px;font-size:24px}.makale h3{color:var(--ana);margin:22px 0 8px}
.makale figure{margin:18px 0}.makale figure img{width:100%;border-radius:12px}.makale figcaption{font-size:13px;color:var(--soluk);margin-top:4px}
.kutu{display:flex;gap:10px;border-radius:12px;padding:14px 16px;margin:16px 0;background:#eef4ff;border-inline-start:4px solid #3b6fd8}
.kutu.ipucu{background:var(--vurgu-acik);border-color:var(--vurgu)}.kutu.dikkat{background:#fdecea;border-color:#c0392b}
.adimlar{list-style:none;counter-reset:a;padding:0;margin:18px 0;border-inline-start:3px solid var(--vurgu);margin-inline-start:12px}
.adimlar li{counter-increment:a;position:relative;padding:0 0 18px;padding-inline-start:26px}
.adimlar li:before{content:counter(a);position:absolute;inset-inline-start:-15px;top:0;width:27px;height:27px;border-radius:14px;background:var(--ana);color:#fff;font-size:13px;font-weight:700;text-align:center;line-height:27px}
.adimlar .sure{background:var(--vurgu-acik);border-radius:10px;padding:1px 9px;font-size:12px;margin-inline-start:6px;white-space:nowrap}.adimlar p{margin:4px 0 0}
.sss details{border:1px solid #e3e6eb;border-radius:10px;padding:12px 14px;margin:8px 0;background:#fff}.sss summary{font-weight:600;cursor:pointer}.sss details div{margin-top:8px}
.pk-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0}
.pk{border:1px solid #e3e6eb;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}.pk b{color:var(--ana)}.pk small{color:var(--soluk)}
.pk .ucret{font-weight:700;color:var(--ana);margin-top:4px}.basvur{margin-top:8px;border:0;border-radius:8px;background:var(--vurgu);color:var(--ana);font:inherit;font-weight:700;padding:8px;cursor:pointer}
.ceviriler{margin-top:24px;font-size:14px;color:var(--soluk)}.ceviriler a{margin:0 6px}
.cta{max-width:760px;margin:18px auto 0;background:var(--ana);color:#fff;border-radius:16px;padding:20px 22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.cta p{margin:2px 0 0;opacity:.85}.cta button{border:0;border-radius:10px;background:var(--vurgu);color:var(--ana);font:inherit;font-weight:700;padding:12px 18px;cursor:pointer}
.diger{max-width:1080px;margin:30px auto 0}.diger h2{color:var(--ana)}.bos{color:var(--soluk)}
@media(max-width:600px){.hero h1{font-size:26px}.makale{padding:20px 16px}.makale h1{font-size:25px}.makale .ozet{font-size:17px}.ust nav a{margin-inline-start:10px;font-size:14px}.logo{font-size:19px}}