@font-face{font-family:Hurme;src:url("../fonts/hurme-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Hurme;src:url("../fonts/hurme-semibold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Hurme;src:url("../fonts/hurme-bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--navy:#0d3c6b;--nav:#1d4d7c;--lac:#00426a;--purple:#4c2a82;--mor:#614189;--ink:#2b3440;--muted:#7b8591;--line:#dde3e9;--kitap:190px;--satir:calc(var(--kitap) * 1.4143 + 118px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Quicksand',sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.55}
body.okuyor{overflow:hidden}
img{max-width:100%;display:block}
a{color:var(--navy);text-decoration:none}
button,input{font:inherit;color:inherit}
[hidden]{display:none!important}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.container{max-width:1280px;margin:0 auto;padding:0 16px}
.header{background:#fff;padding:22px 0 20px}
.logo{display:block;width:440px;max-width:100%}
.logo svg{display:block;width:100%;height:auto;stroke:none}
.lg-lac{fill:var(--lac)}
.lg-mor{fill:var(--mor)}
.lg-ktu{font-family:Hurme,sans-serif;font-weight:700;font-size:35px;fill:var(--lac);letter-spacing:.5px}
.lg-birim{font-family:Hurme,sans-serif;font-weight:600;font-size:26.5px;fill:var(--mor)}
.lg-metam{font-family:Hurme,sans-serif;font-weight:700;font-size:50px;fill:var(--mor);dominant-baseline:central}
.lg-bulten{font-family:Hurme,sans-serif;font-weight:700;font-size:168px;fill:var(--lac)}
.page-head{background-image:url("../img/top_bg.png");padding:25px 0}

.ph-title{border-left:6px solid var(--lac);padding:7px 0 0 15px}
.sayfabaslik{font-family:Hurme,sans-serif;font-weight:700;font-size:30px;line-height:1.2;color:var(--lac);margin:0 0 8px}
.govde{padding-top:44px;padding-bottom:70px;min-height:46vh}
.bekle,.bos-sonuc{padding:60px 0;text-align:center;color:var(--muted)}
.raf-grup{margin:0 0 46px}
.raf-grup h2{display:flex;align-items:baseline;gap:14px;margin:0 0 24px;font-size:30px;line-height:1.4;color:var(--navy);font-weight:700;border-left:6px solid var(--purple);padding-left:16px}
.raf-grup h2 small{font-size:15px;color:var(--muted);font-weight:500}
.raf{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--kitap),1fr));grid-auto-rows:var(--satir);gap:0 40px;padding:30px 34px 0;border:1px solid var(--line);background-color:#f6f8fa;background-image:linear-gradient(180deg,transparent calc(var(--kitap) * 1.4143 + 1px),#d3dce6 calc(var(--kitap) * 1.4143 + 1px),#b3c1cf calc(var(--kitap) * 1.4143 + 17px),rgba(13,60,107,.16) calc(var(--kitap) * 1.4143 + 17px),transparent calc(var(--kitap) * 1.4143 + 32px));background-size:100% var(--satir);background-position:0 30px;background-repeat:repeat-y}
.kitap{display:flex;flex-direction:column;align-items:center;justify-self:center;width:var(--kitap)}
.k-kapak{position:relative;display:block;width:100%;aspect-ratio:1/1.4143;transform-origin:bottom center;transition:transform .35s ease,filter .35s ease;border:0;padding:0;background:none;cursor:pointer}
.k-kapak img{width:100%;height:100%;object-fit:cover;border-radius:1px 4px 4px 1px;box-shadow:0 12px 22px rgba(13,40,70,.28)}
.k-kapak::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.18) 60%,transparent);z-index:1;border-radius:1px 0 0 1px}
.k-kapak::after{content:"";position:absolute;right:-5px;top:4px;bottom:4px;width:5px;background:repeating-linear-gradient(90deg,#fff 0 1px,#dfe4ea 1px 2px);border-radius:0 2px 2px 0}
.k-kapak:hover,.k-kapak:focus-visible{transform:translateY(-8px) rotate(-1.5deg);filter:drop-shadow(0 10px 14px rgba(13,40,70,.25));outline:0}
.k-kapak:focus-visible img{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--nav)}
.k-bilgi{margin-top:44px;text-align:center;display:flex;flex-direction:column;gap:2px}
.k-bilgi b{font-family:Hurme,sans-serif;font-weight:700;color:var(--navy);font-size:18px}
.k-bilgi span{color:var(--muted);font-size:14px;font-weight:500}
.footer{position:relative;color:#fff;font-family:Hurme,'Quicksand',sans-serif}
.f-strip{background:#e6e7e8;height:15px}
.f-main{background:#2d2d2d}
.f-wrap{max-width:1344px;margin:0 auto;padding:20px 0 10px}
.f-row1,.f-row2{display:flex;flex-wrap:wrap}
.f-col{padding:0 12px;width:100%}
.f-logo svg{display:block;width:325px;max-width:100%;height:auto;stroke:none}
.ft-beyaz{fill:#fff}
.ft-ktu{font-family:Hurme,sans-serif;font-weight:700;font-size:34px;fill:#fff;letter-spacing:.6px}
.ft-en{font-family:Hurme,sans-serif;font-weight:400;font-size:21px;fill:#fff;letter-spacing:.3px}
.f-info,.f-tel,.f-apps{margin-top:20px}
.f-line{display:flex;align-items:center;font-size:12px;line-height:18px;margin-bottom:6px}
.f-line svg{width:24px;height:24px;margin-right:6px;flex:none;stroke-width:1.8}
.f-line a{color:#fff}
.f-line a:hover{text-decoration:underline}
.f-apps{width:auto;margin-left:auto;display:flex;flex-direction:row-reverse;align-items:flex-start}
.f-apps a:first-child{margin-left:15px}
.f-apps img{display:block;height:47px;width:auto}
.f-copy{padding:15px 12px;font-size:12px;display:flex;align-items:center}
.f-social{padding:15px 12px;margin-left:auto;display:flex;gap:8px;align-items:center}
.f-social a{color:#fff;display:block}
.f-social a:hover{opacity:.8}
.f-social svg{width:32px;height:32px;display:block}
svg.dolu{stroke:none;fill:#fff}
svg.dolu .oy{fill:#2d2d2d}
svg.dolu .oyc{fill:none;stroke:#2d2d2d;stroke-width:1.8}
.to-top{position:fixed;right:0;bottom:0;width:62px;height:62px;background:var(--navy);color:#fff;border:0;cursor:pointer;z-index:80;opacity:0;pointer-events:none;transition:.3s;display:grid;place-items:center}
.to-top svg{width:28px;height:28px}
.to-top.show{opacity:1;pointer-events:auto}
.to-top:hover{background:var(--purple)}
@media (min-width:768px){.f-logo{width:41.667%}.f-info{width:33.333%}.f-tel{width:25%}.f-copy{width:33.333%}}
@media (min-width:992px){.f-logo,.f-info{width:25%}.f-tel{width:16.667%}}
.okuyucu{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#e9edf2 url("../img/top_bg.png");color:var(--navy);user-select:none;-webkit-user-select:none}
.o-ust,.o-alt{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;z-index:3}
.o-ust{justify-content:space-between;border-bottom:3px solid var(--navy);box-shadow:0 2px 10px rgba(13,60,107,.08)}
.o-alt{justify-content:center;border-top:1px solid var(--line)}
.o-ust button,.o-alt button{display:inline-grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:var(--navy);cursor:pointer;border-radius:4px}
.o-ust button:hover,.o-alt button:hover,.o-ust .acik{background:#eaf0f6}
.o-ust .acik{color:var(--purple)}
.o-alt button:disabled{opacity:.3;cursor:default;background:transparent}
.o-ust svg,.o-alt svg{width:21px;height:21px}
.o-ust .o-don{width:auto;display:inline-flex;gap:8px;padding:0 14px;font-weight:700;background:var(--navy);color:#fff}
.o-ust .o-don:hover{background:var(--purple)}
.o-baslik{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;line-height:1.25}
.o-baslik b{font-family:Hurme,sans-serif;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--lac)}
.o-baslik span{font-size:12.5px;color:var(--muted);font-weight:600}
.o-arac{display:flex;gap:2px}
.o-sahne{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}
.alan{position:absolute;inset:14px 76px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab}
.alan.buyuk{overflow:auto;display:block;cursor:move}
.alan.buyuk .defter{margin:0 auto}
.defter{position:relative;flex:none;perspective:2600px;transform:translateX(var(--kay,0));transition:transform .55s cubic-bezier(.3,.7,.2,1)}
.defter.animsiz{transition:none}
.sy{position:absolute;top:0;bottom:0;width:50%;background:#fff;overflow:hidden}
.sy img,.yuz img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.sy-sol{left:0;box-shadow:-4px 10px 26px rgba(13,40,70,.28)}
.sy-sag{right:0;box-shadow:4px 10px 26px rgba(13,40,70,.28)}
.sy.bos{background:transparent;box-shadow:none}
.sy.bos img{display:none}
.sy-sol::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 80%,rgba(0,0,0,.12) 96%,rgba(0,0,0,.2));pointer-events:none}
.sy-sag::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,transparent 80%,rgba(0,0,0,.08) 96%,rgba(0,0,0,.16));pointer-events:none}
.sy.bos::after{display:none}
.cilt{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:rgba(0,0,0,.15);pointer-events:none}
.defter.tek .sy-sol,.defter.tek .cilt{display:none}
.defter.tek .sy-sag{left:0;right:0;width:100%}
.defter.kapakta .cilt,.defter.sonda .cilt{display:none}
.yaprak{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(calc(var(--a,0) * -1deg));z-index:2;pointer-events:none}
.defter.tek .yaprak{left:0;width:100%}
.yuz{position:absolute;inset:0;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.yuz.arka{transform:rotateY(180deg)}
.yuz.bos img{display:none}
.yuz.bos{background:linear-gradient(90deg,#e4e9ef,#f7f8fa)}
.yuz i{position:absolute;inset:0;pointer-events:none;opacity:var(--g,0)}
.yuz.on i{background:linear-gradient(90deg,rgba(0,0,0,.26),rgba(0,0,0,.05) 35%,rgba(255,255,255,.14) 70%,rgba(0,0,0,.08))}
.yuz.arka i{background:linear-gradient(270deg,rgba(0,0,0,.26),rgba(0,0,0,.05) 35%,rgba(255,255,255,.14) 70%,rgba(0,0,0,.08))}
.o-ok{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer;z-index:2;transition:background .2s,color .2s,opacity .2s;box-shadow:0 6px 18px rgba(13,60,107,.18)}
.o-ok:hover{background:var(--navy);color:#fff}
.o-ok:disabled{opacity:.25;cursor:default;background:#fff;color:var(--navy)}
.o-ok svg{width:26px;height:26px}
.o-sol{left:12px}
.o-sag{right:12px}
.o-alt input[type=range]{flex:0 1 460px;accent-color:var(--navy);height:28px;cursor:pointer}
.o-no{min-width:92px;text-align:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;color:var(--navy)}
.o-panel{position:absolute;top:59px;right:0;bottom:57px;width:min(380px,100%);background:#fff;border-left:1px solid var(--line);z-index:4;display:flex;flex-direction:column;box-shadow:-16px 0 36px rgba(13,40,70,.16)}
.p-bas{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}
.p-bas b{font-family:Hurme,sans-serif;color:var(--lac);font-size:17px;border-left:4px solid var(--purple);padding-left:10px}
.p-bas button{width:36px;height:36px;border:0;background:transparent;color:var(--navy);cursor:pointer;border-radius:4px;display:grid;place-items:center}
.p-bas button:hover{background:#eaf0f6}
.p-bas svg{width:20px;height:20px}
.p-ic{flex:1;overflow:auto;padding:10px 16px 20px;user-select:text}
.p-liste{list-style:none;margin:0;padding:0}
.p-liste button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:11px 8px;border:0;background:transparent;color:var(--ink);cursor:pointer;border-bottom:1px dashed var(--line);font-weight:600}
.p-liste button:hover{background:#f1f5f9;color:var(--navy)}
.p-liste b{color:var(--purple)}
.p-kucuk{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.p-kucuk button{border:0;padding:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:5px;align-items:center}
.p-kucuk img{width:100%;aspect-ratio:1/1.4143;object-fit:cover;background:#eef2f6;outline:2px solid transparent;outline-offset:2px;box-shadow:0 2px 6px rgba(13,40,70,.15)}
.p-kucuk button:hover img{outline-color:#9db7cf}
.p-kucuk button.su{color:var(--navy)}
.p-kucuk button.su img{outline-color:var(--navy)}
.p-ara{display:flex;gap:8px;margin:4px 0 12px}
.p-ara input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid #c7d3dc;background:#fff;outline:0}
.p-ara input:focus{border-color:var(--nav);box-shadow:0 0 0 3px rgba(29,77,124,.14)}
.p-sonuc button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:10px 8px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13.5px;line-height:1.45}
.p-sonuc button:hover{background:#f1f5f9}
.p-sonuc b{display:block;color:var(--navy);margin-bottom:2px}
.p-sonuc mark{background:#ffe08a;color:#111;padding:0 2px}
.p-not{color:var(--muted);font-size:13.5px}
.o-bildirim{position:absolute;left:50%;bottom:76px;transform:translateX(-50%) translateY(10px);background:var(--navy);color:#fff;padding:10px 18px;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:5;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.o-bildirim.gor{opacity:1;transform:translateX(-50%)}
@media (max-width:767px){:root{--kitap:138px;--satir:calc(var(--kitap) * 1.4143 + 104px)}.header{padding:16px 0}.logo{width:100%;max-width:360px}.page-head{padding:14px 0}.sayfabaslik{font-size:24px}.govde{padding-top:28px}.raf{gap:0 18px;padding:24px 14px 0;background-position:0 24px}.raf-grup h2{font-size:24px}.k-bilgi{margin-top:40px}.k-bilgi b{font-size:16px}.f-apps{margin-left:0;flex-direction:row}.f-apps a:first-child{margin:0 15px 0 0}.f-social{margin-left:0}}
@media (max-width:640px){.alan{inset:8px 6px}.o-ok{display:none}.o-ust{padding:6px 8px;gap:4px}.o-ust .o-don{padding:0 10px}.o-ust .o-don span,.gizle-dar{display:none!important}.o-ust button,.o-alt button{width:36px;height:36px}.o-baslik b{font-size:14px}.o-alt{padding:6px 8px}.o-no{min-width:70px;font-size:13px}.o-panel{top:51px;bottom:49px}}
@media (prefers-reduced-motion:reduce){.defter,.k-kapak{transition:none}}