:root{--carbon:#0c0c0e;--carbon2:#161618;--carbon3:#1e1e22;--charcoal:#2a2a30;--gold:#c9a84c;--gold-light:#dfc06a;--gold-dim:rgba(201,168,76,.7);--gold-glow:rgba(201,168,76,.18);--bdr:rgba(201,168,76,.1);--bdr2:rgba(201,168,76,.22);--white:#fafaf8;--cream:#f5f3ee;--sand:#ede9e0;--warm:#d6d0c4;--txt:#1a1a1c;--txt2:#4a4843;--txt3:#8a857c;--glass:rgba(250,250,248,.82);--glass2:rgba(245,243,238,.92);--rad:12px;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--white);color:var(--txt);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--carbon)}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--warm);border-radius:3px}
img{display:block;max-width:100%}
.ctr{max-width:1260px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem)}

/* PRELOADER */
.pre{position:fixed;inset:0;z-index:9999;background:var(--carbon);display:flex;align-items:center;justify-content:center;transition:opacity .6s,visibility .6s}
.pre.done{opacity:0;visibility:hidden;pointer-events:none}
.pre-r{width:48px;height:48px;border:3px solid var(--charcoal);border-top-color:var(--gold);border-radius:50%;animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

/* NAV */
.nv{position:fixed;top:0;left:0;right:0;z-index:500;padding:0 clamp(1rem,3vw,2.5rem);transition:background .5s,box-shadow .5s}
.nv.s{background:var(--glass2);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.nv-i{max-width:1260px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:80px;transition:height .4s var(--ease)}
.nv.s .nv-i{height:68px}
.nv-b img{height:52px;transition:height .4s var(--ease)}.nv.s .nv-b img{height:42px}
.nv-m{display:flex;gap:.15rem;list-style:none}
.nv-m a{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.82rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.65);text-decoration:none;padding:.45rem .85rem;border-radius:6px;transition:color .3s}
.nv.s .nv-m a{color:var(--txt2)}
.nv-m a::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background:var(--gold);transform:translateX(-50%);border-radius:1px;transition:width .35s var(--ease);position:relative;display:block}
.nv-m a:hover,.nv-m a.act{color:var(--gold)}.nv.s .nv-m a:hover,.nv.s .nv-m a.act{color:var(--gold)}
.nv-a{display:flex;align-items:center;gap:.6rem}
.nv-sl{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:all .3s var(--ease)}
.nv.s .nv-sl{background:rgba(0,0,0,.04);border-color:var(--bdr)}
.nv-sl:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
.nv-sl img{width:15px;height:15px;filter:brightness(0) invert(1)}
.nv.s .nv-sl img{filter:brightness(0) invert(0)}
.nv-sl:hover img{filter:brightness(0) invert(0)}
.bg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.bg span{width:24px;height:2px;background:var(--white);border-radius:2px;transition:.3s}
.nv.s .bg span{background:var(--txt)}
.mn{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:var(--glass2);backdrop-filter:blur(20px);z-index:499;padding:2rem 1.5rem}
.mn.op{display:block}
.mn a{display:block;padding:.9rem 0;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:var(--txt2);text-decoration:none;border-bottom:1px solid rgba(0,0,0,.06);transition:color .3s}
.mn a:hover{color:var(--gold)}

/* HERO — stays dark/cinematic */
.hero{position:relative;height:100vh;min-height:720px;overflow:hidden}
.h-tr{position:absolute;inset:0}
.h-sl{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out;pointer-events:none}
.h-sl.act{opacity:1;pointer-events:auto}
.h-bg{position:absolute;inset:0}.h-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(1.3) contrast(1.05);transition:transform 8s ease-out;will-change:transform}
.h-sl.act .h-bg img{transform:scale(1.06)}
.h-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,14,.92) 0%,rgba(12,12,14,.7) 35%,rgba(12,12,14,.15) 65%,rgba(12,12,14,.05) 100%)}
.h-ov::before{content:'';position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(transparent,rgba(12,12,14,.8));pointer-events:none}
.h-ov::after{content:none}
.h-ct{position:absolute;inset:0;display:flex;align-items:center;z-index:3}
.h-in{max-width:1320px;width:100%;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.sl-t{transform:translateY(40px);opacity:0;transition:all .8s var(--ease) .2s}
.h-sl.act .sl-t{transform:translateY(0);opacity:1}
.sl-lb{display:inline-flex;align-items:center;gap:.6rem;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.68rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;padding:.5rem 1rem;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);border-radius:6px;backdrop-filter:blur(4px)}
.sl-lb::before{content:'';width:8px;height:8px;background:var(--gold);border-radius:50%;animation:lblPulse 2s ease-in-out infinite}
@keyframes lblPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(201,168,76,.4)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(201,168,76,0)}}
.sl-h{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.02;letter-spacing:-1px;color:#fff;margin-bottom:1.2rem;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.sl-d{font-size:.92rem;color:rgba(255,255,255,.65);line-height:1.8;max-width:480px;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sl-btns{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.btn-h{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2.2rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--carbon);background:var(--gold);border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .35s var(--ease);box-shadow:0 4px 24px rgba(201,168,76,.3)}
.btn-h:hover{transform:translateY(-2px);box-shadow:0 8px 35px rgba(201,168,76,.5);background:var(--gold-light)}
.btn-h svg{width:15px;height:15px}
.btn-h2{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;text-decoration:none;cursor:pointer;transition:all .35s var(--ease);backdrop-filter:blur(8px)}
.btn-h2:hover{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}
.sl-c{position:relative;display:none}
.s-ctrl{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:1.2rem;background:rgba(12,12,14,.4);backdrop-filter:blur(20px);padding:.6rem 1.4rem;border-radius:50px;border:1px solid rgba(255,255,255,.08)}
.s-dots{display:flex;gap:.6rem}
.s-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);border:none;cursor:pointer;transition:.4s var(--ease)}
.s-dot.act{background:var(--gold);box-shadow:0 0 12px rgba(201,168,76,.6)}
.s-dot.act::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1.5px solid rgba(201,168,76,.4)}
.s-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);cursor:pointer;transition:.3s var(--ease);font-size:.85rem}
.s-btn:hover{background:var(--gold);color:var(--carbon);border-color:var(--gold);box-shadow:0 0 20px rgba(201,168,76,.3)}
.s-prg{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));z-index:10;box-shadow:0 0 16px rgba(201,168,76,.5);border-radius:0 2px 2px 0}
.hero-num{position:absolute;left:2rem;bottom:50%;transform:translateY(50%) rotate(-90deg);z-index:10;font-family:'Barlow Condensed',sans-serif;font-weight:300;font-size:.7rem;letter-spacing:4px;color:rgba(255,255,255,.25);display:flex;align-items:center;gap:1rem}
.hero-num::before{content:'';width:40px;height:1px;background:rgba(255,255,255,.15)}
.hero-num span{color:var(--gold);font-weight:700}
.scroll-hint{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.4;transition:opacity .3s;text-decoration:none}
.scroll-hint:hover{opacity:.8}
.scroll-hint__text{font-family:'Barlow Condensed',sans-serif;font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.scroll-hint__arrow{width:20px;height:30px;border:1.5px solid rgba(255,255,255,.3);border-radius:10px;position:relative}
.scroll-hint__arrow::before{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:3px;height:6px;background:var(--gold);border-radius:2px;animation:scrollBounce 1.5s ease-in-out infinite}
@keyframes scrollBounce{0%,100%{transform:translateX(-50%) translateY(0);opacity:1}50%{transform:translateX(-50%) translateY(8px);opacity:.3}}
@media(max-width:900px){.h-in{grid-template-columns:1fr;padding-top:100px}.sl-h{font-size:clamp(1.8rem,7vw,3rem)}.hero-num{display:none}.h-ov{background:linear-gradient(180deg,rgba(12,12,14,.85) 0%,rgba(12,12,14,.5) 40%,rgba(12,12,14,.8) 100%)}}

/* SECTIONS — light theme */
.sec{padding:clamp(4rem,8vw,7rem) 0;position:relative}
.sh{margin-bottom:3.5rem}.sh-c{text-align:center}
.se{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.68rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem;display:flex;align-items:center;gap:.7rem}
.se::before{content:'';width:24px;height:2px;background:var(--gold)}.sh-c .se{justify-content:center}.sh-c .se::before{display:none}
.st{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.3px;color:var(--txt)}

/* STATS — dark band */
.stb{background:var(--carbon);border-top:1px solid rgba(201,168,76,.15);border-bottom:1px solid rgba(201,168,76,.15);padding:2.5rem 0}
.str{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.stn{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(2rem,4vw,3rem);color:var(--gold);line-height:1}
.stl{font-size:.78rem;color:rgba(255,255,255,.45);letter-spacing:1.5px;text-transform:uppercase;margin-top:.2rem}
@media(max-width:640px){.str{grid-template-columns:1fr 1fr}}

/* NEWS — light bg */
.ng{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.6rem}
.nc{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--rad);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .4s}
.nc:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.08);border-color:var(--bdr2)}
.nc-i{height:210px;overflow:hidden;position:relative}.nc-i img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.nc:hover .nc-i img{transform:scale(1.06)}
.nc-i::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.15))}
.nc-b{padding:1.4rem 1.6rem}
.nc-dt{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.7rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}
.nc-tt{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.12rem;line-height:1.35;margin:.4rem 0 .5rem;color:var(--txt)}
.nc-ex{font-size:.84rem;color:var(--txt3);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ABOUT — sand bg */
.ab{background:var(--cream)}
.ab-l{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.ab-t h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.6rem;color:var(--carbon);margin-bottom:1.4rem}
.ab-t p{font-size:.92rem;color:var(--txt2);margin-bottom:1rem;line-height:1.8}
.ab-t .sg{font-style:italic;color:var(--txt3);margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.08)}
.ab-v{position:relative;border-radius:var(--rad);overflow:hidden}
.ab-v img{width:100%;display:block}
.ab-v::before{content:'';position:absolute;inset:-2px;border-radius:calc(var(--rad) + 2px);background:linear-gradient(135deg,var(--gold),var(--gold-light),transparent 60%);z-index:-1}
@media(max-width:900px){.ab-l{grid-template-columns:1fr;gap:2rem}}

/* TEAM — white */
.tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.2rem}
.tc{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--rad);overflow:hidden;text-align:center;transition:all .4s var(--ease)}
.tc:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 40px rgba(201,168,76,.1)}
.tc-p{height:195px;overflow:hidden}.tc-p img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tc:hover .tc-p img{transform:scale(1.05)}
.tc-i{padding:.9rem .6rem}
.tc-n{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.92rem;letter-spacing:.3px;color:var(--txt)}
.tc-r{font-size:.72rem;color:var(--gold);font-weight:600;margin-top:.15rem}

/* SPONSORS — carbon band */
.sp{background:var(--carbon);padding:3.5rem 0;border-top:1px solid rgba(201,168,76,.12);border-bottom:1px solid rgba(201,168,76,.12)}
.sp .sh .se{color:var(--gold)}.sp .sh .st{color:#fff}
.sp-r{display:flex;justify-content:center;align-items:center;gap:3.5rem;flex-wrap:wrap}
.sp-r img{height:48px;opacity:.45;filter:brightness(0) invert(1);transition:all .35s var(--ease)}.sp-r img:hover{opacity:1;transform:scale(1.08)}

/* GALLERY — cream bg */
.gallery-sec{background:var(--cream)}
.gg{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:175px;gap:.5rem}
.gi{overflow:hidden;border-radius:10px;cursor:pointer;position:relative}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.gi:hover img{transform:scale(1.1)}
.gi::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,0) 60%,rgba(201,168,76,.12) 100%);opacity:0;transition:opacity .3s}.gi:hover::after{opacity:1}
.gi:nth-child(1){grid-column:span 2;grid-row:span 2}.gi:nth-child(5){grid-column:span 2}.gi:nth-child(8){grid-column:span 2;grid-row:span 2}
@media(max-width:768px){.gg{grid-template-columns:1fr 1fr;grid-auto-rows:130px}.gi:nth-child(1),.gi:nth-child(5),.gi:nth-child(8){grid-column:span 1;grid-row:span 1}}

/* CONTACT — white */
.co{background:var(--white)}
.co-l{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.co-i h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.7rem;margin-bottom:1.2rem;color:var(--txt)}
.co-i p{color:var(--txt2);font-size:.92rem;line-height:1.8;margin-bottom:1.5rem}
.ci{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}
.ci-ic{width:42px;height:42px;border-radius:10px;background:var(--gold-glow);border:1px solid var(--bdr2);display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}
.ci span{color:var(--txt2);font-size:.88rem}.ci a{color:var(--gold);text-decoration:none;font-weight:600}
.ci a:hover{color:var(--carbon)}
.pls{display:flex;gap:.6rem;margin-top:1.5rem;flex-wrap:wrap}
.pl{padding:.45rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--txt2);text-decoration:none;transition:all .3s var(--ease)}
.pl:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-glow)}
.cfc{background:var(--cream);border:1px solid rgba(0,0,0,.06);border-radius:var(--rad);padding:2.2rem}
.ff{margin-bottom:1rem}
.ff label{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.68rem;letter-spacing:2px;text-transform:uppercase;color:var(--txt3);margin-bottom:.3rem}
.ff input,.ff textarea{width:100%;padding:.7rem 1rem;background:var(--white);border:1px solid rgba(0,0,0,.08);border-radius:8px;color:var(--txt);font-family:'DM Sans',sans-serif;font-size:.88rem;transition:border-color .3s,box-shadow .3s}
.ff input:focus,.ff textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}
.ff textarea{min-height:110px;resize:vertical}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.btn-s{width:100%;padding:.85rem;margin-top:.5rem;background:var(--carbon);color:var(--gold);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;transition:all .35s var(--ease)}
.btn-s:hover{background:var(--carbon2);box-shadow:0 6px 25px rgba(0,0,0,.15);transform:translateY(-1px)}
@media(max-width:900px){.co-l{grid-template-columns:1fr;gap:2rem}.f2{grid-template-columns:1fr}}

/* FOOTER — carbon */
.ft{background:var(--carbon);border-top:1px solid rgba(201,168,76,.1);padding:2.5rem 0 1.5rem}
.ft-i{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.ft-lg img{height:40px}
.ft-cp{font-size:.75rem;color:rgba(255,255,255,.35)}
.ft-lk{display:flex;gap:.6rem}
.ft-lk a{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:all .3s var(--ease);text-decoration:none;font-size:.85rem;color:rgba(255,255,255,.4)}
.ft-lk a:hover{background:var(--gold);color:var(--carbon);border-color:var(--gold);transform:translateY(-2px)}

.btt{position:fixed;bottom:2rem;right:2rem;z-index:50;width:44px;height:44px;border-radius:10px;background:var(--carbon);color:var(--gold);display:grid;place-items:center;font-size:1.2rem;text-decoration:none;opacity:0;transform:translateY(16px);transition:all .4s var(--ease);box-shadow:0 6px 20px rgba(0,0,0,.2)}
.btt.show{opacity:1;transform:translateY(0)}.btt:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.3);background:var(--gold);color:var(--carbon)}

.rv{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.rv.v{opacity:1;transform:translateY(0)}
.dv{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.15),transparent)}

@media(max-width:1024px){.nv-m,.nv-a{display:none}.bg{display:flex}.ng{grid-template-columns:1fr}.tg{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}

/* NEWS DETAIL MODAL */
.nm-ov{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}
.nm-ov.open{display:flex}
.nm{background:var(--white);border-radius:var(--rad);max-width:820px;width:100%;margin:3rem auto;box-shadow:0 30px 80px rgba(0,0,0,.2);overflow:hidden;animation:nmIn .35s var(--ease)}
@keyframes nmIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.nm-hero{width:100%;height:360px;overflow:hidden;position:relative}
.nm-hero img{width:100%;height:100%;object-fit:cover}
.nm-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.3))}
.nm-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);border:none;color:#fff;font-size:1.4rem;cursor:pointer;display:grid;place-items:center;transition:all .3s;z-index:5}
.nm-close:hover{background:var(--gold);color:var(--carbon)}
.nm-body{padding:2.5rem clamp(1.5rem,4vw,3rem)}
.nm-date{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.7rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}
.nm-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.1;color:var(--txt);margin-bottom:1.5rem}
.nm-content{font-size:.92rem;color:var(--txt2);line-height:1.85}
.nm-content p{margin-bottom:1rem}
.nm-content strong{color:var(--txt)}
.nm-content h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;color:var(--txt);margin:1.5rem 0 .8rem}
.nm-content ul{margin:.8rem 0 1rem 1.5rem;color:var(--txt2)}
.nm-content li{margin-bottom:.3rem}

/* LIGHTBOX */
.lb-ov{display:none;position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.92);align-items:center;justify-content:center;padding:1rem}
.lb-ov.open{display:flex}
.lb-ov img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:lbIn .3s var(--ease)}
@keyframes lbIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.lb-close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.5rem;cursor:pointer;display:grid;place-items:center;transition:all .3s}
.lb-close:hover{background:var(--gold);color:var(--carbon);border-color:var(--gold)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:1.2rem;cursor:pointer;display:grid;place-items:center;transition:all .3s;backdrop-filter:blur(8px)}
.lb-nav:hover{background:var(--gold);color:var(--carbon);border-color:var(--gold)}
.lb-prev{left:1.5rem}.lb-next{right:1.5rem}
.lb-counter{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);font-family:'Barlow Condensed',sans-serif;font-size:.8rem;letter-spacing:2px;color:rgba(255,255,255,.5)}

/* NEWS READ MORE LINK */
.nc-read{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);transition:gap .3s var(--ease)}
.nc:hover .nc-read{gap:.7rem}
.nc-read svg{width:14px;height:14px}

/* TEAM PROFILE MODAL */
.tm-ov{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:2rem 1rem;overflow-y:auto}
.tm-ov.open{display:flex}
.tm{background:var(--white);border-radius:var(--rad);max-width:520px;width:100%;margin:3rem auto;box-shadow:0 30px 80px rgba(0,0,0,.2);overflow:hidden;animation:nmIn .35s var(--ease)}
.tm-top{position:relative;background:var(--carbon);padding:2.5rem 2rem 1.5rem;display:flex;gap:1.8rem;align-items:center}
.tm-photo{width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid var(--gold);flex-shrink:0}
.tm-photo img{width:100%;height:100%;object-fit:cover}
.tm-info h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.5rem;color:#fff}
.tm-info .tm-role{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-top:.2rem}
.tm-info .tm-cat{display:inline-block;margin-top:.6rem;padding:.2rem .7rem;background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.25);border-radius:20px;font-size:.68rem;color:var(--gold);font-weight:600;letter-spacing:1px}
.tm-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:grid;place-items:center;transition:all .3s}
.tm-close:hover{background:var(--gold);color:var(--carbon)}
.tm-body{padding:1.8rem 2rem}
.tm-bio{font-size:.9rem;color:var(--txt2);line-height:1.8;margin-bottom:1.2rem}
.tm-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem;margin-bottom:1.2rem}
.tm-stat{text-align:center;padding:.8rem;background:var(--cream);border-radius:8px}
.tm-stat__num{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.3rem;color:var(--carbon)}
.tm-stat__lbl{font-size:.65rem;color:var(--txt3);text-transform:uppercase;letter-spacing:1px;margin-top:.1rem}
@media(max-width:500px){.tm-top{flex-direction:column;text-align:center;align-items:center}.tm-stats{grid-template-columns:1fr 1fr}}

/* RACE CALENDAR */
.cal{background:var(--sand)}
.cal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}
.cal-card{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--rad);padding:1.4rem 1.6rem;display:flex;gap:1.2rem;align-items:flex-start;transition:all .4s var(--ease)}
.cal-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.06);border-color:var(--bdr2)}
.cal-date-box{flex-shrink:0;width:56px;text-align:center;background:var(--carbon);border-radius:10px;padding:.6rem .4rem;color:#fff}
.cal-date-box .day{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.5rem;line-height:1}
.cal-date-box .mon{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-top:.15rem}
.cal-info h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;color:var(--txt);line-height:1.3}
.cal-info .cal-loc{font-size:.78rem;color:var(--txt3);margin-top:.2rem;display:flex;align-items:center;gap:.3rem}
.cal-info .cal-type{display:inline-block;margin-top:.5rem;padding:.15rem .6rem;border-radius:20px;font-size:.62rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.cal-type.uci{background:rgba(201,168,76,.12);color:var(--gold);border:1px solid rgba(201,168,76,.2)}
.cal-type.tk{background:rgba(22,160,90,.08);color:#16a05a;border:1px solid rgba(22,160,90,.15)}
.cal-type.gf{background:rgba(59,139,255,.08);color:#3b8bff;border:1px solid rgba(59,139,255,.15)}
.cal-past{opacity:.5}
.cal-past .cal-date-box{background:var(--charcoal)}

/* KVKK / COOKIE BANNER */
.cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:4000;background:var(--carbon);border-top:1px solid rgba(201,168,76,.12);padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;transform:translateY(100%);transition:transform .5s var(--ease)}
.cookie-bar.show{transform:translateY(0)}
.cookie-bar p{font-size:.82rem;color:rgba(255,255,255,.6);max-width:700px;line-height:1.5}
.cookie-bar a{color:var(--gold);text-decoration:underline}
.cookie-btn{padding:.5rem 1.5rem;background:var(--gold);color:var(--carbon);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:6px;cursor:pointer;transition:all .3s;white-space:nowrap}
.cookie-btn:hover{background:var(--gold-light)}

/* PALMARES / BAŞARILAR */
.palm{background:var(--white)}
.palm-tl{position:relative;max-width:800px;margin:0 auto}
.palm-tl::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gold),var(--warm),transparent)}
.palm-yr{position:relative;padding-left:72px;margin-bottom:2.5rem}
.palm-yr__dot{position:absolute;left:19px;top:6px;width:20px;height:20px;border-radius:50%;background:var(--gold);border:3px solid var(--white);box-shadow:0 0 0 2px var(--gold)}
.palm-yr__year{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.6rem;color:var(--carbon);margin-bottom:.8rem}
.palm-yr__items{display:flex;flex-direction:column;gap:.6rem}
.palm-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.4rem;background:var(--cream);border-radius:10px;border-left:3px solid var(--gold);transition:all .3s var(--ease)}
.palm-item:hover{transform:translateX(4px);box-shadow:0 4px 16px rgba(0,0,0,.05)}
.palm-medal{font-size:1.3rem;flex-shrink:0;line-height:1}
.palm-item__info h4{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.92rem;color:var(--txt);line-height:1.3}
.palm-item__info span{font-size:.75rem;color:var(--txt3)}
.palm-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:3rem}
.palm-stat{background:var(--carbon);border-radius:var(--rad);padding:1.5rem;text-align:center}
.palm-stat__num{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:2.2rem;color:var(--gold)}
.palm-stat__lbl{font-size:.72rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:1.5px;margin-top:.2rem}

/* SPONSOR OLUN */
.spo{background:var(--carbon);color:#fff;position:relative;overflow:hidden}
.spo::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 70%);pointer-events:none}
.spo-intro{max-width:700px;margin:0 auto 3rem;text-align:center}
.spo-intro p{color:rgba(255,255,255,.55);font-size:.95rem;line-height:1.8}
.spo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}
.spo-card{background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.12);border-radius:var(--rad);padding:2rem;text-align:center;transition:all .4s var(--ease);position:relative}
.spo-card:hover{border-color:rgba(201,168,76,.35);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.3)}
.spo-card.featured{border-color:var(--gold);background:rgba(201,168,76,.06)}
.spo-card.featured::before{content:'EN POPÜLER';position:absolute;top:-1px;left:50%;transform:translateX(-50%);padding:.2rem 1rem;background:var(--gold);color:var(--carbon);font-family:'Barlow Condensed',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2px;border-radius:0 0 6px 6px}
.spo-card__tier{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.spo-card__name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.6rem;color:#fff;margin-bottom:.8rem}
.spo-card__features{list-style:none;text-align:left;margin-bottom:1.5rem}
.spo-card__features li{padding:.4rem 0;font-size:.82rem;color:rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.5rem}
.spo-card__features li::before{content:'✓';color:var(--gold);font-weight:700;font-size:.7rem}
.spo-cta{text-align:center}
.btn-spo{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2.5rem;background:var(--gold);color:var(--carbon);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .35s var(--ease)}
.btn-spo:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 30px rgba(201,168,76,.35)}

/* KATILIM FORMU */
.join{background:var(--sand)}
.join-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.join-text h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.5rem;color:var(--txt);margin-bottom:1rem}
.join-text p{font-size:.9rem;color:var(--txt2);line-height:1.8;margin-bottom:1rem}
.join-text ul{list-style:none;margin-top:1rem}
.join-text li{padding:.5rem 0;font-size:.88rem;color:var(--txt2);display:flex;align-items:center;gap:.6rem;border-bottom:1px solid rgba(0,0,0,.05)}
.join-text li::before{content:'▸';color:var(--gold);font-weight:700}
.join-form{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--rad);padding:2rem}
.join-form select{width:100%;padding:.7rem 1rem;background:var(--white);border:1px solid rgba(0,0,0,.08);border-radius:8px;color:var(--txt);font-family:'DM Sans',sans-serif;font-size:.88rem;transition:border-color .3s;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a857c' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.join-form select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}
@media(max-width:900px){.join-layout{grid-template-columns:1fr;gap:2rem}}

/* VİDEO GALERİ */
.vid{background:var(--cream)}
.vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}
.vid-card{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--rad);overflow:hidden;transition:all .4s var(--ease)}
.vid-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08);border-color:var(--bdr2)}
.vid-card__embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.vid-card__embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.vid-card__info{padding:1.2rem 1.4rem}
.vid-card__title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;color:var(--txt);line-height:1.3}



/* STRAVA WIDGET */
.strava-band{background:var(--carbon);border-top:1px solid rgba(201,168,76,.1);border-bottom:1px solid rgba(201,168,76,.1);padding:2.5rem 0}
.strava-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}
.strava-brand{display:flex;align-items:center;gap:1rem}
.strava-brand__icon{width:48px;height:48px;background:linear-gradient(135deg,#fc4c02,#ff6b35);border-radius:12px;display:grid;place-items:center;font-size:1.5rem}
.strava-brand__text{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;color:#fff}
.strava-brand__sub{font-size:.72rem;color:rgba(255,255,255,.4);margin-top:.1rem}
.strava-stats{display:flex;gap:2.5rem;flex-wrap:wrap}
.strava-stat{text-align:center}
.strava-stat__num{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.8rem;color:#fc4c02;line-height:1}
.strava-stat__lbl{font-size:.68rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;margin-top:.15rem}
.strava-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:#fc4c02;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;border-radius:8px;text-decoration:none;transition:all .3s var(--ease)}
.strava-link:hover{background:#ff6b35;transform:translateY(-2px);box-shadow:0 6px 20px rgba(252,76,2,.3)}

/* NEWSLETTER */
.nl-band{background:linear-gradient(135deg,var(--carbon) 0%,#1a1510 100%);padding:3rem 0;border-top:1px solid rgba(201,168,76,.1)}
.nl-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.nl-text h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.4rem;color:#fff}
.nl-text p{font-size:.85rem;color:rgba(255,255,255,.4);margin-top:.3rem}
.nl-form{display:flex;gap:.5rem;flex:0 0 auto}
.nl-form input{padding:.7rem 1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(201,168,76,.15);border-radius:8px;color:#fff;font-family:'DM Sans',sans-serif;font-size:.85rem;width:280px;transition:border-color .3s}
.nl-form input:focus{outline:none;border-color:var(--gold)}
.nl-form input::placeholder{color:rgba(255,255,255,.25)}
.nl-form button{padding:.7rem 1.5rem;background:var(--gold);color:var(--carbon);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;transition:all .3s;white-space:nowrap}
.nl-form button:hover{background:var(--gold-light);transform:translateY(-1px)}
@media(max-width:700px){.nl-inner{flex-direction:column;text-align:center}.nl-form{width:100%;flex-direction:column}.nl-form input{width:100%}}

/* PWA INSTALL PROMPT */
.pwa-prompt{display:none;position:fixed;bottom:5rem;left:50%;transform:translateX(-50%);z-index:3500;background:var(--carbon);border:1px solid rgba(201,168,76,.2);border-radius:var(--rad);padding:1.2rem 1.8rem;box-shadow:0 16px 50px rgba(0,0,0,.4);align-items:center;gap:1rem;max-width:420px;width:calc(100% - 2rem);animation:nmIn .4s var(--ease)}
.pwa-prompt.show{display:flex}
.pwa-prompt__icon{width:44px;height:44px;border-radius:10px;background:var(--gold-glow);border:1px solid rgba(201,168,76,.2);display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}
.pwa-prompt__text{flex:1}
.pwa-prompt__text h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.9rem;color:#fff}
.pwa-prompt__text p{font-size:.75rem;color:rgba(255,255,255,.45);margin-top:.15rem}
.pwa-prompt__actions{display:flex;gap:.4rem;flex-shrink:0}
.pwa-install{padding:.45rem 1rem;background:var(--gold);color:var(--carbon);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;border:none;border-radius:6px;cursor:pointer;transition:all .3s}
.pwa-install:hover{background:var(--gold-light)}
.pwa-dismiss{padding:.45rem .8rem;background:none;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);font-size:.68rem;border-radius:6px;cursor:pointer;transition:all .3s;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px}
.pwa-dismiss:hover{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}
</style>
</head>
<body>
