:root{
  --g950:#041709; --g900:#06210F; --g800:#0B3D1E; --g700:#0F5528; --g600:#147A33; --g500:#22A94A; --g300:#7DDB8E;
  --gold:#E3B23C; --gold2:#F4D27A; --paper:#F3F7F1; --ink:#0B1A10; --muted:#5B6B60; --line:#DCE6DA;
  --ease:cubic-bezier(.22,1,.36,1);
  --head:"Anton",Impact,sans-serif; --body:"Manrope",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
html,body{overflow-x:clip}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.65}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{width:min(1240px,92vw);margin:0 auto}
section{position:relative}
.h{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:800 12.5px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--g600)}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
.pad{padding:120px 0}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em 0 .1em;margin:-.16em 0 -.04em}
.split .w>span{display:inline-block}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 15px var(--body);padding:16px 28px;border-radius:60px;border:0;cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s,background .3s,color .3s;will-change:transform;white-space:nowrap}
.btn-gold{background:var(--gold);color:var(--g950);box-shadow:0 14px 32px rgba(227,178,60,.35)}
.btn-gold:hover{background:var(--gold2)}
.btn-line{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.btn-line:hover{background:rgba(255,255,255,.1)}
.btn-green{background:var(--g600);color:#fff;box-shadow:0 14px 30px rgba(20,122,51,.3)}

/* ---------- yükleme perdesi ---------- */
.loader{position:fixed;inset:0;z-index:600;background:var(--g900);display:grid;place-items:center}
.loader .in{display:flex;flex-direction:column;align-items:center;gap:18px}
.loader img{width:110px;height:110px;border-radius:50%;opacity:0}
.loader b{font:400 22px var(--head);letter-spacing:.3em;color:#fff;opacity:0}
.loader .bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,var(--g500),var(--gold));transform:scaleX(0);transform-origin:left}

/* ---------- ilerleme + imleç ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:300;background:linear-gradient(90deg,var(--g500),var(--gold));transform-origin:0 50%;transform:scaleX(0)}
.cursor{position:fixed;top:0;left:0;width:36px;height:36px;border:1.5px solid var(--g500);border-radius:50%;pointer-events:none;z-index:400;opacity:0;transition:width .3s var(--ease),height .3s var(--ease),background .3s,border-color .3s}
.cursor.on{opacity:1}.cursor.big{width:84px;height:84px;background:rgba(34,169,74,.18);border-color:transparent}
.cursor .lbl{position:absolute;inset:0;display:grid;place-items:center;font:800 10.5px var(--body);letter-spacing:.14em;color:#fff;opacity:0}
.cursor.big .lbl{opacity:1}
@media (hover:none){.cursor{display:none}}

/* ---------- menü ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .4s,box-shadow .4s,transform .5s var(--ease)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:86px;transition:height .4s var(--ease)}
.nav.solid{background:rgba(6,33,15,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.2)}
.nav.solid .wrap{height:70px}
.nav.hide{transform:translateY(-100%)}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand img{width:48px;height:48px;border-radius:50%;background:#fff}
.brand b{display:block;font:400 21px/1 var(--head);letter-spacing:.06em}
.brand small{display:block;font:700 10px var(--body);letter-spacing:.3em;color:var(--g300);margin-top:4px}
.menu{display:flex;gap:30px;font:700 14.5px var(--body);color:#e7f1e9}
.menu a{position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.menu a:hover::after,.menu a.active::after{transform:scaleX(1);transform-origin:left}
.nav .cta{padding:12px 20px;font-size:14px}
.burger{display:none;width:46px;height:46px;border:0;border-radius:14px;background:var(--gold);cursor:pointer;position:relative}
.burger i{position:absolute;left:13px;width:20px;height:2px;background:var(--g950);transition:.35s var(--ease)}
.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:22px}.burger i:nth-child(3){top:28px}
.burger.x i:nth-child(1){top:22px;transform:rotate(45deg)}.burger.x i:nth-child(2){opacity:0}.burger.x i:nth-child(3){top:22px;transform:rotate(-45deg)}

/* ---------- hero ---------- */
.hero{min-height:100vh;min-height:100svh;background:radial-gradient(ellipse 80% 70% at 70% 40%,#0F5528 0%,var(--g900) 55%,var(--g950) 100%);color:#fff;overflow:hidden;display:flex;align-items:center;padding:110px 0 70px}
.hero .bgtext{position:absolute;left:0;top:50%;transform:translateY(-50%);white-space:nowrap;font:400 clamp(140px,22vw,340px)/1 var(--head);color:transparent;-webkit-text-stroke:1.5px rgba(125,219,142,.1);pointer-events:none;user-select:none}
.hero .grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.hero .eyebrow{color:var(--g300)}
.hero h1{font-size:clamp(64px,9.2vw,148px);margin:20px 0 24px}
.hero h1 .line{display:block;overflow:hidden;padding:.16em 0 .1em;margin:-.16em 0 -.06em;white-space:nowrap}
.hero h1 .line>span{display:inline-block}
.hero h1 .gold{color:var(--gold)}
.hero h1 .clover{display:inline-block;width:.62em;height:.62em;vertical-align:.04em;margin-left:.12em}
.hero p.lead{font-size:clamp(16px,1.35vw,19px);color:#cfe3d4;max-width:540px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero .media{position:relative;justify-self:center}
.frame{position:relative;width:min(370px,30vw);aspect-ratio:9/16;border-radius:32px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 8px rgba(255,255,255,.06);transform:rotate(3deg)}
.frame video,.frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chip{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);font:800 13.5px var(--body);padding:12px 16px;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.3);white-space:nowrap;z-index:2}
.chip .dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--g500);color:#fff;font-size:15px}
.chip.c1{left:-90px;top:12%}.chip.c2{right:-70px;top:46%}.chip.c3{left:-60px;bottom:10%}
.chip.c2 .dot{background:var(--gold);color:var(--g950)}
.scrollcue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font:800 10px var(--body);letter-spacing:.3em;color:#9fc3a8;z-index:2}
.scrollcue i{width:22px;height:36px;border:2px solid rgba(255,255,255,.35);border-radius:14px;position:relative}
.scrollcue i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--gold);animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:0}}

/* ---------- şerit ---------- */
.ribbon-wrap{overflow:hidden;margin-top:-56px;padding:30px 0;position:relative;z-index:3}
.ribbon{background:var(--gold);color:var(--g950);overflow:hidden;transform:rotate(-2deg);margin:0 -2vw;position:relative;box-shadow:0 14px 30px rgba(0,0,0,.15)}
.ribbon .track{display:flex;width:max-content;gap:40px;padding:18px 0;font:400 30px/1 var(--head);letter-spacing:.04em;white-space:nowrap}
.ribbon .track span{display:inline-flex;align-items:center;gap:40px}
.ribbon .track span::after{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230F5528' d='M12 11c-1-3-5-5-6-2s3 4 6 2zm0 0c3-1 5-5 2-6s-4 3-2 6zm0 0c1 3 5 5 6 2s-3-4-6-2zm0 0c-3 1-5 5-2 6s4-3 2-6z'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- sayılar ---------- */
.stats{padding:80px 0 40px}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 26px;position:relative;overflow:hidden}
.stat b{display:block;white-space:nowrap;font:400 clamp(46px,5vw,68px)/1 var(--head);color:var(--g700)}
.stat>span{display:block;font-weight:800;margin-top:10px}
.stat>small{color:var(--muted);font-size:13.5px}
.stat::after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(34,169,74,.12),transparent 70%)}

/* ---------- neden ---------- */
.why .grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}
.why .media{position:sticky;top:110px;border-radius:30px;overflow:hidden;aspect-ratio:4/5;background:var(--g800)}
.why .media img{width:100%;height:118%;object-fit:cover}
.why .media .tag{position:absolute;left:20px;bottom:20px;right:20px;background:rgba(6,33,15,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:18px;padding:18px 20px;font-weight:700}
.why .media .tag b{display:block;font:400 26px/1.05 var(--head);color:var(--gold);margin-bottom:4px;letter-spacing:.02em}
.why h2{font-size:clamp(48px,6vw,88px);margin:16px 0 18px}
.why h2 em{font-style:normal;color:var(--g600)}
.why .intro{color:var(--muted);font-size:17px;max-width:520px;margin-bottom:36px}
.cards{display:grid;gap:16px}
.card{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.card:hover{transform:translateX(8px);border-color:var(--g500);box-shadow:0 20px 40px rgba(11,61,30,.08)}
.card .ic{flex:none;width:56px;height:56px;border-radius:16px;background:var(--g800);display:grid;place-items:center}
.card h3{font:800 19px var(--body);margin-bottom:4px}
.card p{color:var(--muted);font-size:15px}
.card .no{margin-left:auto;font:400 30px var(--head);color:var(--line)}

/* ---------- programlar (üst üste binen kartlar) ---------- */
.programs{background:var(--g900);color:#fff;padding-bottom:140px}
.programs .eyebrow{color:var(--g300)}
.programs .head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px}
.programs h2{font-size:clamp(48px,6vw,92px);margin-top:14px}
.programs .head p{max-width:420px;color:#b9d2bf}
.stack{display:grid;gap:30px}
.pcard{position:sticky;top:96px;display:grid;grid-template-columns:1fr 1fr;min-height:min(560px,72vh);border-radius:32px;overflow:hidden;background:var(--g800);box-shadow:0 -20px 60px rgba(0,0,0,.35);transform-origin:50% 0}
.pcard:nth-child(2){top:116px;background:#0E4A24}.pcard:nth-child(3){top:136px;background:#12592B}.pcard:nth-child(4){top:156px;background:#156631}.pcard:nth-child(5){top:176px;background:#1A7338}.pcard:nth-child(6){top:196px;background:#1D7F3E}.pcard:nth-child(7){top:216px;background:#208A43}.pcard:nth-child(8){top:236px;background:#239548}
.pcard .txt{padding:48px 46px;display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.pcard .num{font:400 18px var(--head);letter-spacing:.2em;color:var(--gold)}
.pcard h3{font:400 clamp(40px,4.4vw,66px)/1 var(--head);text-transform:uppercase;margin:12px 0 16px}
.pcard p{color:#cfe3d4;font-size:16px}
.pcard ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pcard li{font:700 13px var(--body);padding:8px 14px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.pcard .img{position:relative;overflow:hidden}
.pcard .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcard .age{display:inline-flex;align-self:flex-start;background:var(--gold);color:var(--g950);font:800 13px var(--body);padding:8px 14px;border-radius:30px}

/* ---------- video bandı ---------- */
.vband{height:92vh;min-height:560px;overflow:hidden;color:#fff;display:grid;place-items:center;text-align:center}
.vband .bg{position:absolute;inset:-10% 0;background:var(--g800) center/cover no-repeat}
.vband::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,23,9,.55),rgba(4,23,9,.75))}
.vband .in{position:relative;z-index:2;padding:0 6vw}
.vband h2{font-size:clamp(54px,9vw,150px)}
.vband h2 span{color:var(--gold)}
.vband p{color:#d6e8db;font-size:18px;margin-top:16px}
.play{position:relative;width:110px;height:110px;border-radius:50%;background:var(--gold);border:0;cursor:pointer;margin:36px auto 0;display:grid;place-items:center;color:var(--g950)}
.play::before,.play::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);animation:ring 2.4s var(--ease) infinite}
.play::after{animation-delay:1.2s}
@keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.8);opacity:0}}

/* ---------- antrenörler ---------- */
.coaches .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.coach{position:relative;border-radius:30px;overflow:hidden;background:var(--g800);aspect-ratio:4/4.3;color:#fff}
.coach img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.coach:hover img{transform:scale(1.06)}
.coach::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,23,9,.92))}
.coach .info{position:absolute;left:30px;right:30px;bottom:28px;z-index:2}
.coach .role{display:inline-block;background:var(--gold);color:var(--g950);font:800 12px var(--body);letter-spacing:.06em;padding:7px 13px;border-radius:30px;margin-bottom:12px}
.coach h3{font:400 clamp(34px,3.4vw,48px)/1 var(--head);text-transform:uppercase}
.coach p{color:#cfe3d4;margin-top:8px;font-size:15px}
.shead{margin-bottom:54px}
.shead h2{font-size:clamp(48px,6vw,90px);margin-top:14px}
.shead h2 em{font-style:normal;color:var(--g600)}
.shead.center{text-align:center}.shead.center .eyebrow{justify-content:center}

/* ---------- lig ---------- */
.league{background:#fff}
.league .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.league h2{font-size:clamp(46px,5.4vw,82px);margin:14px 0 18px}
.league h2 em{font-style:normal;color:var(--g600)}
.league .note{color:var(--muted);font-size:17px}
.league .badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.league .badges span{background:var(--paper);border:1px solid var(--line);font:800 13px var(--body);padding:9px 15px;border-radius:30px;color:var(--g700)}
.table{background:var(--g900);border-radius:28px;padding:28px;color:#fff;box-shadow:0 30px 60px rgba(6,33,15,.25)}
.table .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.table .top b{font:400 30px var(--head);letter-spacing:.04em}
.table .top span{font:800 12px var(--body);letter-spacing:.14em;color:var(--gold);border:1px solid rgba(227,178,60,.5);padding:6px 12px;border-radius:30px}
.row{display:flex;align-items:center;gap:16px;padding:13px 14px;border-radius:14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.07)}
.row:last-child{border-bottom:0}
.row i{font:400 18px var(--head);color:var(--g300);width:26px;font-style:normal}
.row.us{background:linear-gradient(90deg,rgba(227,178,60,.22),rgba(227,178,60,.04)) no-repeat;border-color:transparent}
.row.us i{color:var(--gold)}
.row.us em{margin-left:auto;font:800 11px var(--body);letter-spacing:.12em;color:var(--g950);background:var(--gold);padding:5px 10px;border-radius:20px;font-style:normal}

/* ---------- galeri ---------- */
.gallery .masonry{columns:4 260px;column-gap:18px}
.gi{break-inside:avoid;margin-bottom:18px;border-radius:22px;overflow:hidden;cursor:zoom-in;position:relative;background:var(--g800)}
.gi img{width:100%;transition:transform 1s var(--ease)}
.gi:hover img{transform:scale(1.06)}

/* ---------- sosyal ---------- */
.social{padding-top:0}
.social .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.scard{display:flex;align-items:center;gap:22px;border-radius:28px;padding:32px;color:#fff;position:relative;overflow:hidden;transition:transform .5s var(--ease)}
.scard:hover{transform:translateY(-6px)}
.scard.ig{background:linear-gradient(120deg,#5B2BD9,#D62976 55%,#FA7E1E)}
.scard.tt{background:#0B0B0F}
.scard .lg{flex:none;width:68px;height:68px;border-radius:20px;background:rgba(255,255,255,.14);display:grid;place-items:center}
.scard small{display:block;opacity:.8;font-weight:700}
.scard b{display:block;font:400 30px/1.05 var(--head);letter-spacing:.02em;margin:2px 0 6px}
.scard .nums{display:flex;gap:22px;font-size:14px;opacity:.95}
.scard .nums strong{display:block;font:400 26px var(--head)}
.scard .go{margin-left:auto;width:52px;height:52px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;flex:none}

/* ---------- kayıt ---------- */
.join{background:radial-gradient(ellipse 70% 80% at 20% 30%,#0F5528,var(--g900) 60%,var(--g950));color:#fff;overflow:hidden}
.join .clover-bg{position:absolute;right:-120px;top:-120px;width:520px;opacity:.07}
.join .grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.join .eyebrow{color:var(--g300)}
.join h2{font-size:clamp(50px,6.4vw,100px);margin:16px 0 20px}
.join h2 span{color:var(--gold)}
.join p{color:#cfe3d4;font-size:17px;max-width:480px}
.join .phone{display:inline-flex;align-items:center;gap:14px;margin-top:28px;font:400 34px var(--head);letter-spacing:.04em}
.join .phone i{width:52px;height:52px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:var(--g950)}
form.f{background:#fff;color:var(--ink);border-radius:30px;padding:34px;box-shadow:0 40px 80px rgba(0,0,0,.35)}
form.f h3{font:400 30px var(--head);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}
form.f .sub{color:var(--muted);font-size:14px;margin-bottom:22px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fl{display:flex;flex-direction:column;gap:6px}
.fl.full{grid-column:1/-1}
.fl label{font:800 12px var(--body);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.fl input,.fl select{font:600 16px var(--body);padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);outline:none;transition:border-color .3s;width:100%;-webkit-appearance:none;appearance:none}
.fl select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230F5528' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:38px}
.fl input:focus,.fl select:focus{border-color:var(--g500)}
form.f .btn{width:100%;margin-top:20px;font-size:16px;padding:18px}
form.f .ok{font-size:13px;color:var(--muted);margin-top:12px;text-align:center}

/* ---------- footer ---------- */
footer{background:var(--g950);color:#9fbba7;padding:70px 0 0}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:50px}
footer h5{color:#fff;font:800 15px var(--body);letter-spacing:.06em;margin-bottom:18px}
footer ul{list-style:none;display:grid;gap:10px}
footer a:hover{color:#fff}
.fbrand{display:flex;align-items:center;gap:14px;color:#fff;margin-bottom:18px}
.fbrand img{width:62px;height:62px;border-radius:50%;background:#fff}
.fbrand b{font:400 26px/1 var(--head);letter-spacing:.05em}
.fsoc{display:flex;gap:10px;margin-top:20px}
.fsoc a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;transition:.3s}
.fsoc a:hover{background:var(--g600);border-color:var(--g600)}
.fbottom{display:flex;justify-content:space-between;gap:10px;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px}
.fbig{font:400 clamp(70px,15vw,230px)/.8 var(--head);color:transparent;-webkit-text-stroke:1.5px rgba(125,219,142,.14);text-align:center;white-space:nowrap;overflow:hidden;padding-top:10px;user-select:none}

/* ---------- yüzen butonlar ---------- */
.float{position:fixed;right:18px;bottom:18px;z-index:150;display:grid;gap:10px}
.float a,.float button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.25);transition:transform .3s var(--ease),opacity .4s}
.float a:hover{transform:scale(1.08)}
.float .wa{background:#25D366}.float .tel{background:var(--g600)}
.float .top{background:#fff;opacity:0;pointer-events:none}.float .top.on{opacity:1;pointer-events:auto}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:rgba(3,14,6,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.4s;padding:20px}
.modal.on{opacity:1;visibility:visible}
.modal .x{position:absolute;right:20px;top:20px;width:50px;height:50px;border-radius:50%;border:0;background:#fff;font-size:26px;cursor:pointer;z-index:2}
.modal video{max-height:86vh;max-width:92vw;border-radius:22px;background:#000}
.modal img{max-height:86vh;max-width:92vw;border-radius:20px}

/* ---------- responsive ---------- */
@media (max-width:1080px){.menu{gap:20px;font-size:14px}.chip.c1{left:-40px}.chip.c2{right:-30px}.chip.c3{left:-30px}}
@media (max-width:960px){
  .nav .wrap,.nav.solid .wrap{height:70px}
  .burger{display:block}.nav .cta{display:none}
  .menu{position:fixed;left:0;right:0;top:70px;flex-direction:column;gap:0;background:var(--g900);padding:8px 6vw 26px;transform:translateY(-120%);transition:transform .5s var(--ease);box-shadow:0 30px 50px rgba(0,0,0,.35);z-index:-1;font-size:17px}
  .menu.open{transform:none}.menu a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .menu .mcta{display:flex!important;margin-top:18px}
  .hero{padding:96px 0 90px;align-items:flex-end}
  .hero .grid{grid-template-columns:1fr;gap:0;position:static}
  .hero .media{position:absolute;inset:0;z-index:0;justify-self:stretch;width:auto}
  .hero .media .frame{width:100%;height:100%;aspect-ratio:auto;border-radius:0;transform:none!important;box-shadow:none}
  .hero .media .frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,23,9,.35) 0%,rgba(4,23,9,.55) 45%,rgba(4,23,9,.95) 100%)}
  .hero .media .chip{display:none}
  .hero .copy{position:relative;z-index:2}
  .hero h1{font-size:clamp(58px,16vw,110px)}
  .hero .bgtext{display:none}
  .ribbon .track{font-size:22px;padding:14px 0;gap:28px}.ribbon .track span{gap:28px}
  .stats .grid{grid-template-columns:repeat(2,1fr)}
  .why .grid,.league .grid,.join .grid{grid-template-columns:1fr;gap:44px}
  .why .media{position:relative;top:0;aspect-ratio:4/3.4}
  .programs .head{flex-direction:column;align-items:flex-start}
  .pcard{grid-template-columns:1fr;grid-template-rows:auto 240px;min-height:0;top:84px}
  .pcard:nth-child(2){top:96px}.pcard:nth-child(3){top:108px}.pcard:nth-child(4){top:120px}.pcard:nth-child(5){top:132px}.pcard:nth-child(6){top:144px}.pcard:nth-child(7){top:156px}.pcard:nth-child(8){top:168px}
  .pcard .txt{padding:30px 26px;gap:16px}
  .pcard .img{order:2;min-height:240px}
  .coaches .grid,.social .grid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .pad{padding:90px 0}
}
@media (max-width:560px){
  .stats{padding:80px 0 20px}
  .stat{padding:22px 18px;border-radius:20px}.stat>span{font-size:14px}
  .card{padding:20px;gap:16px}.card .no{display:none}.card .ic{width:48px;height:48px}
  .scard{padding:24px;gap:16px;flex-wrap:wrap}.scard .go{display:none}.scard b{font-size:24px}
  .fg{grid-template-columns:1fr}
  form.f{padding:26px 22px}
  .join .phone{font-size:28px}
  .fgrid{grid-template-columns:1fr;gap:30px}
  .fbottom{flex-direction:column;padding-bottom:96px}
  .float{right:14px;bottom:14px}.float a,.float button{width:48px;height:48px}
  .gallery .masonry{columns:2;column-gap:12px}.gi{margin-bottom:12px;border-radius:16px}
  .coach{aspect-ratio:4/4.6}
  .table{padding:20px}.row{padding:11px 10px;gap:12px;font-size:14px}
  .vband{height:78vh}
  .play{width:92px;height:92px}
}

/* hero kapalıyken menü baştan koyu */
.no-hero .nav{background:rgba(6,33,15,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* ---------- gündem (haber / blog) ---------- */
.news{background:#fff}
.nhead{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.nhead h2{font-size:clamp(48px,6vw,90px);margin-top:14px}
.nhead h2 em,.shead h1 em{font-style:normal;color:var(--g600)}
.nhead>p{color:var(--muted);max-width:380px;font-size:16px}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ncard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s;color:inherit}
a.ncard:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(11,61,30,.12);border-color:var(--g500)}
.ncard .im{aspect-ratio:16/10;overflow:hidden;background:var(--g800)}
.ncard .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
a.ncard:hover .im img{transform:scale(1.07)}
.ncard .bd{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.ncard .meta,.npmain .meta{display:flex;align-items:center;gap:12px;font:700 12.5px var(--body);color:var(--muted)}
.ncard .tg,.npmain .tg{background:var(--gold);color:var(--g950);padding:5px 12px;border-radius:30px;font:800 11.5px var(--body);letter-spacing:.06em;text-transform:uppercase}
.ncard h3{font:800 21px/1.25 var(--body);letter-spacing:-.01em}
.ncard p{color:var(--muted);font-size:15px;line-height:1.6}
.ncard .more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font:800 14px var(--body);color:var(--g600)}
.ncard.feat{grid-column:1/-1;flex-direction:row;background:var(--g800);color:#fff;border-color:transparent}
.ncard.feat .im{flex:1.2;aspect-ratio:auto;min-height:380px}
.ncard.feat .bd{flex:1;justify-content:center;padding:44px 46px;gap:16px}
.ncard.feat h3{font:400 clamp(34px,3.6vw,54px)/1.02 var(--head);text-transform:uppercase;letter-spacing:.01em}
.ncard.feat p{color:#cfe3d4;font-size:17px}
.ncard.feat .meta{color:#9fc3a8}
.ncard.feat .more{color:var(--gold)}
.nall{text-align:center;margin-top:44px}
/* haber sayfaları */
body.npage{background:var(--paper)}
.npbar{background:var(--g900);color:#fff;position:sticky;top:0;z-index:50}
.npbar .wrap{display:flex;align-items:center;justify-content:space-between;height:78px}
.npbar nav{display:flex;gap:24px;font:700 14px var(--body)}
.npbar nav a{color:#cfe3d4;transition:color .3s}.npbar nav a:hover{color:var(--gold)}
.npmain{padding:70px 0 100px;min-height:70vh}
.npmain .shead{margin-bottom:40px}
.npmain .shead h1{font-size:clamp(46px,6vw,86px);margin-top:14px}
.npmain .ndesc{color:var(--muted);max-width:520px;margin-top:14px;font-size:17px}
.narrow{max-width:820px}
.npmain .back{display:inline-block;margin-bottom:26px;font:800 14px var(--body);color:var(--g600)}
.npmain h1.art{font-size:clamp(36px,5vw,66px);margin:16px 0 18px;line-height:1.02}
.npmain .lead{font-size:20px;color:var(--muted);margin-bottom:30px;line-height:1.55}
.npmain .cover{border-radius:28px;overflow:hidden;margin-bottom:36px;box-shadow:0 30px 60px rgba(11,61,30,.12)}
.npmain .cover img{width:100%;display:block}
.npmain .body p{font-size:18px;line-height:1.8;margin-bottom:22px;color:#1c2a20}
.more-news{margin-top:90px}
.more-news h2{font-size:clamp(34px,4vw,56px);margin-bottom:30px}
.npfoot{background:var(--g950);color:#9fc3a8;font:600 13.5px var(--body)}
.npfoot .wrap{display:flex;justify-content:space-between;gap:20px;padding:26px 0;flex-wrap:wrap}
@media (max-width:960px){.ngrid{grid-template-columns:1fr 1fr}.ncard.feat{flex-direction:column}.ncard.feat .im{min-height:260px;flex:none}.ncard.feat .bd{padding:30px 26px}.nhead{flex-direction:column;align-items:flex-start;gap:16px}}
@media (max-width:620px){.ngrid{grid-template-columns:1fr}.npbar nav a:first-child{display:none}.npmain{padding:44px 0 70px}}
.ncard.feat .im{position:relative}.ncard.feat .im img{position:absolute;inset:0}
.ncard.feat{min-height:400px}
.ngrid.n2,.ngrid.n1{grid-template-columns:1fr 1fr}.ngrid.n0{grid-template-columns:1fr}
@media (max-width:620px){.ngrid.n2,.ngrid.n1{grid-template-columns:1fr}}
.npmain .cover img{max-height:540px;object-fit:cover}