@font-face{font-family:"Schibsted";src:url(fonts/schibsted-grotesk-latin-ext-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Schibsted";src:url(fonts/schibsted-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{--gece:#0a1040;--deniz:#0e1650;--deniz2:#1a2569;--cizgi:#34408c;--kirmizi:#d3202b;--kirmizi2:#b01620;--pencere:#ffd98a;--acik:#c9d3ef;--beyaz:#fff;--kagit:#eef2fa;--yazi:#131b4d;--yazi2:#3d4679;--kenar:clamp(16px,4vw,56px)}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:"Schibsted",sans-serif;color:var(--beyaz);background:var(--deniz);font-size:18px;line-height:1.58}
::selection{background:var(--pencere);color:var(--gece)}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--pencere);outline-offset:3px}
img,svg{display:block;max-width:100%}
html{scrollbar-color:var(--cizgi) var(--gece)}
[hidden]{display:none!important}
.ic{max-width:1280px;margin:auto}

.ust{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px var(--kenar)}
.logo{display:flex;align-items:center;gap:clamp(8px,1vw,16px);text-decoration:none;flex:none}
.logo img{height:auto;display:block}
.logo .kisisel.tam{width:clamp(180px,16vw,270px)}
.logo .kisisel.kisa{display:none;width:146px}
.logo .ayrac{width:1px;align-self:stretch;margin:4px 0;background:var(--cizgi)}
.logo .sk{width:clamp(92px,8vw,134px)}
.menu{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px);font-weight:600;font-size:17px}
.menu a{text-decoration:none;padding:8px 0;white-space:nowrap}
.menu a:hover{color:var(--pencere)}
.menu .ara{background:var(--kirmizi);padding:10px 18px;border-radius:4px;font-variant-numeric:tabular-nums;transition:background .3s}
.menu .ara:hover{background:var(--kirmizi2);color:#fff}
.menu .wa,.hizli .wa{background:#0f7a43;padding:10px 18px;border-radius:4px;transition:background .3s}
.menu .wa:hover,.hizli .wa:hover{background:#0b6236;color:#fff}
.menu .ig,.hizli .ig{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border:1px solid var(--cizgi);border-radius:4px;padding:0;transition:border-color .3s,color .3s}
.menu .ig:hover,.hizli .ig:hover{border-color:var(--pencere);color:var(--pencere)}
.ig svg,.ig-dugme svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
.ig svg .n,.ig-dugme svg .n{fill:currentColor;stroke:none}
.menu .ig span{display:none}
.ig-dugme{display:inline-flex;align-items:center;gap:12px}
.acik .ig-ad{margin-top:12px;font-weight:600;overflow-wrap:anywhere}
.hizli{display:none;gap:10px;margin-top:16px}
.hizli a:not(.ig){flex:1;text-align:center;text-decoration:none;font-weight:800;padding:12px 6px;border-radius:4px;min-height:48px}
.hizli .ara{background:var(--kirmizi)}
.dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.dugmeler .dugme{margin-top:0}
.dugme.yesil{background:#0f7a43}
.dugme.yesil:hover{background:#0b6236}
.menu-ac{display:none;background:none;border:1px solid var(--cizgi);color:#fff;border-radius:4px;font:inherit;font-weight:700;padding:9px 16px;cursor:pointer;min-height:44px}

.kahraman{position:relative;min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(#060a2e 0,#0c1550 58%,#26398a 100%)}
.sahne{position:relative;flex:1;min-height:clamp(420px,58vh,760px);overflow:hidden}
.metin{position:relative;z-index:3;padding:clamp(4px,1.5vh,20px) var(--kenar) 0;max-width:900px}
h1{font-size:clamp(46px,min(5.3vw,8vh),78px);line-height:1.02;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.metin p{margin-top:14px;font-size:clamp(18px,1.5vw,22px);max-width:38em;color:var(--acik)}
.sahne-alt{position:absolute;inset:0}
.siluet{position:absolute;left:0;right:0;bottom:0;width:100%;height:50%;z-index:1}
.kat rect{fill:#8f1119;transition:fill .7s cubic-bezier(.16,1,.3,1)}
.kat.yanik rect{fill:var(--pencere)}
.portre{position:absolute;z-index:2;right:clamp(0px,5vw,96px);bottom:-14%;height:112%;width:auto;max-width:none;filter:drop-shadow(0 18px 34px rgba(4,8,40,.55))}

.basla{display:inline-block;margin-top:24px;background:var(--kirmizi);color:#fff;text-decoration:none;font-weight:800;font-size:clamp(20px,1.7vw,25px);padding:22px 36px;border-radius:6px;box-shadow:0 14px 30px -12px rgba(211,32,43,.85);transition:background .3s,transform .3s cubic-bezier(.16,1,.3,1)}
.basla:hover{background:var(--kirmizi2);transform:translateY(-2px)}
.test-govde{min-height:100svh;background:linear-gradient(#060a2e 0,#0c1550 62%,#26398a 100%);display:flex;flex-direction:column;position:relative}
.test-ust-bar{display:flex;align-items:center;justify-content:space-between;padding:16px var(--kenar);position:relative;z-index:3}
.kapat{font-weight:600;text-underline-offset:.2em}
.test-alan{flex:1;position:relative;z-index:3;display:flex;justify-content:center;padding:6px 16px 150px}
.test-kart{width:min(100%,780px);background:#16225f;border:1px solid var(--cizgi);border-radius:16px;padding:clamp(20px,3vw,36px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);align-self:flex-start}
.test-bas{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.test-bas h1{font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.01em;line-height:1.2}
.test-bas span{font-size:16px;font-weight:600;color:var(--acik);white-space:nowrap;font-variant-numeric:tabular-nums}
.cubuk{height:8px;background:#2b3780;border-radius:4px;margin:14px 0 26px;overflow:hidden}
.cubuk span{display:block;height:100%;width:16%;background:var(--kirmizi);border-radius:4px;transition:width .5s cubic-bezier(.16,1,.3,1)}
.test-soru{font-size:clamp(30px,3.6vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.025em;text-align:center}
.test-ipucu{text-align:center;color:var(--acik);margin:8px 0 0}
.test-kart form{margin-top:24px}
fieldset{border:0;padding:0;min-width:0}
legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cipler{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.cip{min-height:50px;background:#21307a;border:1px solid var(--cizgi);border-radius:8px;color:#fff;font:inherit;font-weight:600;cursor:pointer;padding:8px;transition:background .2s,border-color .2s}
.cip:hover{background:#2c3d96;border-color:var(--pencere)}
.cip.baska{grid-column:1/-1;background:transparent}
.kartlar-test{display:grid;gap:12px}
.kart{display:flex;align-items:center;gap:16px;text-align:left;background:#21307a;border:1px solid var(--cizgi);border-radius:12px;color:#fff;font:inherit;cursor:pointer;padding:14px 18px;min-height:84px;transition:background .2s,border-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.kart:hover{background:#2c3d96;border-color:var(--pencere);transform:translateY(-1px)}
.kart b{display:block;font-size:clamp(19px,1.6vw,22px);font-weight:700;line-height:1.2}
.kart small{display:block;font-size:16px;color:var(--acik);margin-top:2px}
.ikon{flex:none;width:52px;height:52px;border-radius:10px;background:#16225f;display:grid;place-items:center;color:var(--pencere)}
.ik{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.alanlar{display:grid;gap:14px}
label{display:block;font-size:16px;font-weight:600;color:var(--acik);margin-bottom:5px}
input{width:100%;height:60px;border:0;border-radius:8px;padding:0 16px;font:inherit;background:#fff;color:var(--yazi)}
.gonder{height:64px;width:100%;border:0;border-radius:8px;padding:0 30px;font:inherit;font-weight:800;font-size:clamp(20px,1.8vw,23px);color:#fff;background:#0f7a43;cursor:pointer;transition:background .3s}
.gonder:hover{background:#0b6236}
[data-form-durum]{margin-top:10px;color:var(--pencere)}
.bitti{margin-top:20px;text-align:center;font-size:clamp(19px,1.6vw,22px)}
.bitti p{margin-top:12px}
.test-dip{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:15px;color:var(--acik)}
.test-dip span{margin-left:auto}
.geri{background:#21307a;border:1px solid var(--cizgi);border-radius:8px;color:#fff;font:inherit;font-weight:700;cursor:pointer;padding:0 22px;min-height:46px}
.geri:hover{border-color:var(--pencere)}
.test-siluet{position:fixed;left:0;right:0;bottom:0;height:150px;z-index:1;overflow:hidden}
.test-siluet .siluet{position:absolute;inset:auto 0 0;height:100%;width:100%}
.test-siluet svg>g[style]{display:none}

.bolum{padding:clamp(64px,9vw,120px) var(--kenar)}
.bolum h2{font-size:clamp(34px,4.3vw,62px);line-height:1.06;letter-spacing:-.025em;font-weight:800;text-wrap:balance}
.iki{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,6vw,96px);align-items:start}
.cevap{font-size:clamp(20px,1.7vw,24px);line-height:1.5;color:var(--acik);margin-top:20px;max-width:32em}
.liste{list-style:none;padding:0;display:grid}
.liste li{padding:20px 0;border-top:1px solid var(--cizgi)}
.liste li:last-child{border-bottom:1px solid var(--cizgi)}
.liste h3{font-size:clamp(21px,1.8vw,26px);line-height:1.2;font-weight:700}
.liste p{color:var(--acik);margin-top:5px;max-width:36em}

.acik{background:var(--kagit);color:var(--yazi)}
.acik .cevap,.acik p{color:var(--yazi2)}
.surec{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:3px solid var(--yazi)}
.surec div{padding:20px 28px 0 0}
.surec b{display:block;font-size:44px;line-height:1;font-weight:800;color:var(--kirmizi);font-variant-numeric:tabular-nums}
.surec h3{font-size:clamp(22px,2vw,28px);line-height:1.2;margin-top:10px}
.surec p{margin-top:8px}

.kisi{align-items:center}
.kisi img{width:min(100%,460px);height:auto;margin:auto;filter:drop-shadow(0 18px 34px rgba(4,8,40,.5))}
.kisi p{color:var(--acik);margin-top:18px;font-size:clamp(19px,1.5vw,22px);max-width:32em}
.dugme{display:inline-block;margin-top:26px;background:var(--kirmizi);color:#fff;font-weight:800;text-decoration:none;padding:17px 30px;border-radius:4px;transition:background .3s}
.dugme:hover{background:var(--kirmizi2)}

.sss{max-width:860px}
details{border-top:1px solid #c9d1e6;padding:18px 0}
details:last-child{border-bottom:1px solid #c9d1e6}
details p{line-height:1.55}
summary{font-size:clamp(20px,1.6vw,23px);font-weight:700;cursor:pointer;color:var(--yazi)}
details p{margin-top:8px;max-width:40em}

.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(20px,3vw,44px);margin-top:40px}
.kartlar a{display:block;text-decoration:none;border-top:1px solid var(--cizgi);padding:20px 0}
.kartlar h3{font-size:clamp(21px,1.8vw,26px);line-height:1.2}
.kartlar p{color:var(--acik);margin-top:8px}
.kartlar a:hover h3,.kartlar a:hover h2{color:var(--pencere)}
.bolum h2.k,.liste h2.k{font-size:clamp(21px,1.8vw,26px);line-height:1.2;letter-spacing:0;font-weight:700}

.alt{background:var(--gece);padding:clamp(48px,6vw,80px) var(--kenar) 32px;font-size:17px}
.alt .ic{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
.alt img{height:auto}
.alt-kisisel{width:250px;margin-bottom:18px}
.alt-sk{width:130px}
.alt h2{font-size:18px;margin-bottom:8px}
.alt p,.alt li{color:var(--acik)}
.alt ul{list-style:none;padding:0}
.alt li{padding:3px 0}
.yasal{margin-top:36px;padding-top:18px;border-top:1px solid var(--cizgi);font-size:15px;color:var(--acik)}

.sayfa-bas{padding:clamp(24px,5vw,64px) var(--kenar) clamp(36px,5vw,64px);background:linear-gradient(#060a2e,#0e1650)}
.sayfa-bas h1{font-size:clamp(40px,5vw,72px);max-width:17em}
.sayfa-bas p{margin-top:16px;max-width:36em;color:var(--acik);font-size:clamp(19px,1.5vw,22px)}
.yazi{background:var(--kagit);color:var(--yazi);padding:clamp(40px,6vw,80px) var(--kenar)}
.yazi article{max-width:720px;margin:auto}
.yazi h2{font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.02em;margin:38px 0 10px}
.yazi p,.yazi li{color:#2a3365;font-size:19px}
.yazi p{margin-top:12px}
.yazi ul{margin:12px 0;padding-left:22px}
.yazi li{margin:6px 0}
.cagri{background:var(--deniz);color:#fff;padding:26px 28px;border-radius:6px;margin-top:44px}
.cagri h2{margin:0;font-size:26px;color:#fff}
.cagri p{color:var(--acik)}
.cagri .dugme{margin-top:16px}

@media(max-width:1360px){
 .menu-ac{display:block}
 .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--gece);padding:6px var(--kenar) 16px;border-bottom:1px solid var(--cizgi)}
 .menu[data-acik]{display:flex}
 .menu a{padding:13px 0}
 .menu .ara,.menu .wa{text-align:center;margin-top:8px;padding:14px}
 .menu .ig{width:auto;height:auto;gap:10px;margin-top:8px;padding:13px}
 .menu .ig span{display:inline}
 .hizli .ig{width:52px;height:auto}
 .hizli{display:flex;max-width:440px}
}
@media(max-width:920px){
 .sahne{min-height:0;overflow:visible;display:flex;flex-direction:column}
 .sahne-alt{flex:1}
 .sahne-alt{position:relative;inset:auto;min-height:206px;overflow:hidden}
 .siluet{height:190px;width:170%;left:-7%;right:auto}
 .portre{right:-2px;height:252px;bottom:-34px}
 .cipler{grid-template-columns:repeat(3,1fr);gap:8px}
 .cip{font-size:16px;padding:6px 4px}
 .basla{display:block;text-align:center;padding:18px 14px}
 .test-alan{padding-bottom:60px}
 .test-siluet{display:none}
 .iki,.surec,.kartlar{grid-template-columns:1fr}
 .surec div{padding:18px 0 4px}
 .alt .ic{grid-template-columns:1fr}
}
@media(max-width:640px){
 .logo .kisisel.tam{display:none}
 .logo .kisisel.kisa{display:block;width:130px}
 .logo .sk{width:70px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}