:root{--ink:#053E75;--sea:#1A6BB5;--bg:#F5F8FB;--surface:#FFFFFF;--sun:#F27C01;--mist:#DAE5F0;--text:#12283D;--muted:#4F687F;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#A9CCF0;--sea:#6FB0EE;--bg:#06182B;--surface:#0C2740;--sun:#F27C01;--mist:#183A5C;--text:#E3ECF5;--muted:#97B1C9;color-scheme:dark}}
:root[data-theme="dark"]{--ink:#A9CCF0;--sea:#6FB0EE;--bg:#06182B;--surface:#0C2740;--sun:#F27C01;--mist:#183A5C;--text:#E3ECF5;--muted:#97B1C9;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:18px/1.65 "Source Serif 4",Georgia,serif}
h1,h2,h3,.sans{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;color:var(--ink);line-height:1.1;margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--mist)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{font:800 22px "Bricolage Grotesque",Arial,sans-serif;color:var(--ink);text-decoration:none;white-space:nowrap}
.logo{display:flex;align-items:center;background:#fff;border-radius:10px;padding:4px 10px}.logo .mark{height:46px;width:auto;display:block}.fl{display:inline-flex}.fl .mark{height:60px}
nav{display:flex;gap:4px;overflow-x:auto}
nav a{font:500 15px "Bricolage Grotesque",Arial,sans-serif;text-decoration:none;padding:8px 12px;border-radius:8px;white-space:nowrap}
nav a:hover{background:var(--mist)}
.hero{padding:64px 0 40px;border-bottom:1px solid var(--mist)}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero h1{font-size:clamp(38px,6.4vw,70px);font-weight:800;letter-spacing:-.02em}
.hero p{max-width:34em;color:var(--muted);margin:20px 0 28px}
.btn{display:inline-block;border:2px solid var(--ink);font:700 16px "Bricolage Grotesque",Arial,sans-serif;background:var(--ink);color:var(--bg);padding:10px 22px;border-radius:999px;text-decoration:none}
.btn.alt{background:transparent;color:var(--ink);border:2px solid var(--ink);margin-left:8px}
.bay{width:100%;height:auto}
section{padding:72px 0}
section h2{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.01em;margin-bottom:12px}
.lead{color:var(--muted);max-width:40em;margin:0 0 32px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.about{align-items:center}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center;align-self:center;max-width:420px;justify-self:end;width:100%}
.fact{background:var(--surface);border:1px solid var(--mist);border-left:4px solid var(--sun);border-radius:12px;padding:14px 18px;box-shadow:0 2px 10px rgba(5,62,117,.06);align-self:start}
.fact strong{display:block;font:800 28px "Bricolage Grotesque",Arial,sans-serif;color:var(--sea)}
.fact span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tab{font:700 15px "Bricolage Grotesque",Arial,sans-serif;border:2px solid var(--mist);background:var(--surface);color:var(--ink);padding:9px 16px;border-radius:999px;cursor:pointer}
.tab[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.members{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.member{background:var(--surface);border:1px solid var(--mist);border-radius:14px;padding:20px}
.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:800 22px "Bricolage Grotesque",Arial,sans-serif;color:#fff;margin-bottom:14px}
.member h3{font-size:19px}
.member p{margin:4px 0 0;font-size:15px;color:var(--muted)}
.member.lead-m{border-top:5px solid var(--sun)}.fact strong{color:var(--sun)}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{background:var(--surface);border:1px solid var(--mist);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-align:left;padding:0;cursor:pointer;font:inherit;color:inherit;width:100%}
.photo{aspect-ratio:16/10;display:grid;place-items:center;color:#fff;font:700 14px "Bricolage Grotesque",Arial,sans-serif;background-size:cover;background-position:center}
.card .body{padding:18px}
.card time{font:500 14px "Bricolage Grotesque",Arial,sans-serif;color:var(--sea)}
.card h3{font-size:21px;margin:6px 0 8px}
.card p{margin:0;font-size:16px;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:40px}
.gallery .photo{border-radius:10px;aspect-ratio:1;border:0;cursor:pointer;width:100%}
dialog{border:0;border-radius:16px;padding:0;max-width:640px;width:calc(100% - 32px);background:var(--surface);color:var(--text)}
dialog::backdrop{background:rgba(5,20,30,.65)}
dialog .body{padding:24px}
dialog h3{font-size:26px;margin:6px 0 12px}
.close{float:right;font:700 15px "Bricolage Grotesque",Arial,sans-serif;border:0;background:var(--mist);color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer}
footer{background:var(--ink);color:var(--bg);padding:48px 0}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
footer a{color:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) footer{background:var(--surface);color:var(--text)}:root:not([data-theme="light"]) footer a{color:var(--text)}}
:root[data-theme="dark"] footer{background:var(--surface);color:var(--text)}
:root[data-theme="dark"] footer a{color:var(--text)}
@media (max-width:760px){.facts{justify-self:stretch;max-width:none}.hero .grid,.about{grid-template-columns:1fr}.btn.alt{margin:8px 0 0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.avatar{background-size:cover;background-position:center}.card .photo,.gallery .photo{background-color:var(--ink)}#dx{white-space:pre-line}

[hidden]{display:none!important}
.rules{display:grid;gap:10px;max-width:760px}
.rules details{background:var(--surface);border:1px solid var(--mist);border-radius:12px;padding:0 18px}
.rules summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:center;padding:16px 0;font:700 19px "Bricolage Grotesque",Arial,sans-serif;color:var(--ink)}
.rules summary::-webkit-details-marker{display:none}
.rules .n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--sun);color:#fff;display:grid;place-items:center;font-size:15px}
.rules details p{margin:0 0 16px 46px;white-space:pre-line;color:var(--muted)}

main>section:nth-of-type(even){background:var(--surface)}
nav a.portal{background:var(--sun);color:#02203F;border-radius:999px;padding:8px 18px;margin-left:8px;font-weight:700}
nav a.portal:hover{background:var(--sun);filter:brightness(.92)}

.slider{position:relative;height:clamp(380px,60vh,560px);color:#fff;background:#021F3D;border-bottom:4px solid var(--sun);overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;visibility:hidden;opacity:0;transition:opacity .6s,visibility .6s}
.slide.on{visibility:visible;opacity:1}
.slide .in{width:100%;padding:0 72px}
.st{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.slide p{max-width:20em;margin:0;font:700 clamp(22px,3.4vw,38px)/1.2 "Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;color:#fff}
.sbtn{display:inline-block;margin-top:26px;background:var(--sun);color:#02203F;font:700 16px "Bricolage Grotesque",Arial,sans-serif;padding:12px 24px;border-radius:999px;text-decoration:none}
.sa{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:2}
.sa:hover{background:rgba(255,255,255,.35)}.sa.prev{left:12px}.sa.next{right:12px}
.dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:2}
.dots button{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.dots button[aria-current="true"]{background:var(--sun);border-color:var(--sun)}
.dots .pp{width:auto;height:auto;border:0;color:#fff;font-size:11px;margin-left:8px;padding:5px 8px;background:rgba(255,255,255,.2);border-radius:6px;border-radius:6px}
@media (max-width:760px){.slide .in{padding:0 56px}}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}

.flatrow{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.flatrow .member,.org .member{width:184px;max-width:100%;text-align:center}
.flatrow .avatar,.org .avatar{margin-left:auto;margin-right:auto}
.org{display:flex;flex-direction:column;align-items:center}
.lvl{display:flex;justify-content:center;flex-wrap:wrap;row-gap:40px;position:relative;padding-top:40px}
.lvl:first-child{padding-top:0}
.lvl:not(:first-child)::before{content:"";position:absolute;top:0;left:50%;height:20px;border-left:2px solid var(--sea)}
.lvl .member{position:relative;margin:0 8px}
.lvl:not(:first-child) .member::before,.lvl:not(:first-child) .member::after{content:"";position:absolute;top:-20px;height:20px;border-top:2px solid var(--sea)}
.lvl:not(:first-child) .member::before{left:-9px;right:50%;border-right:2px solid var(--sea)}
.lvl:not(:first-child) .member::after{left:50%;right:-9px}
.lvl:not(:first-child) .member:first-child::before{border-top:0;left:0}
.lvl:not(:first-child) .member:last-child::after{border-top:0}
@media (max-width:899px){.lvl{flex-direction:column;align-items:center;row-gap:16px}
.lvl:not(:first-child) .member::before,.lvl:not(:first-child) .member::after{display:none}}

.org{align-items:stretch}.org .lvl{width:100%}
@media (min-width:900px){
.lvl{flex-wrap:nowrap}
.org .member{width:auto}
.lvl .member{flex:0 1 184px;min-width:0;padding:18px 10px}
.lvl .member h3{font-size:17px;overflow-wrap:anywhere}
.lvl .member p{font-size:14px;overflow-wrap:anywhere}
}

.rb{margin:0 0 16px 46px;color:var(--muted)}.rb h1,.rb h2,.rb h3,.rb h4{font-size:19px;margin:16px 0 6px;color:var(--ink)}.rb ol,.rb ul{padding-left:22px}.rb a{color:var(--sea)}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.gcard{background:var(--surface);border:1px solid var(--mist);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:block}
.gcard .body{padding:16px}.gcard h3{font-size:20px;margin:0 0 6px}.gcard p{margin:0;color:var(--muted);font-size:16px}
.sups{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.sups img{height:56px;width:auto;display:block}
footer a{display:inline-block;margin-top:6px;text-decoration:underline}
.page{max-width:760px;margin:0 auto;padding:48px 20px 80px}.page h1{font-size:clamp(30px,5vw,46px);margin-bottom:24px}
.page .rb{margin:0}.page .rb p,.page .rb li{color:var(--text)}

/* haber/etkinlik görselleri kırpılmadan kutuya sığar */
.news-grid .card .photo,#dp{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#0b2a4a}