:root{--b:#00f0ff;--bb:#0066ff;--k:#030712;--k2:#060b16;--m:#94a3b8;--l:rgba(255,255,255,.12);--c:1280px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--k);color:#fff;font-family:Oswald,sans-serif;line-height:1.6;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3{font-family:Anton,sans-serif;font-weight:400;line-height:1.1}
small{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--b)}
:focus-visible{outline:2px solid var(--b);outline-offset:3px}
section{position:relative;padding:110px max(20px,calc((100vw - var(--c))/2))}

.gt{background:linear-gradient(90deg,#fff 0,var(--b) 25%,var(--bb) 50%,var(--b) 75%,#fff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sh 6s linear infinite}
@keyframes sh{to{background-position:-200% 0}}

.bar{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--b),var(--bb));transform:scaleX(0);transform-origin:left;z-index:200}
.mq{overflow:hidden;white-space:nowrap}
.mq-in{display:inline-flex;width:max-content;align-items:center;animation:mq 32s linear infinite}
.mq-in>*{flex:none;margin-right:34px}
@keyframes mq{to{transform:translateX(-50%)}}
.top{background:linear-gradient(90deg,#050b16,#0a1630,#050b16);border-bottom:1px solid rgba(0,240,255,.28);padding:10px 0;font-weight:700;letter-spacing:.12em;font-size:14px}
.top b{color:var(--b)}

.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:18px;padding:10px max(20px,calc((100vw - var(--c))/2));background:rgba(3,7,18,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.header.stuck{background:rgba(3,7,18,.94);border-color:var(--l)}
.logo img{width:52px;height:52px;object-fit:contain}
.brand{display:flex;flex-direction:column;line-height:1}
.brand span{font-family:Anton;font-size:18px;letter-spacing:.04em}
.brand strong{margin-top:4px;color:var(--b);font-size:11px;letter-spacing:.28em}
.nav{margin-left:auto;display:flex;align-items:center;gap:24px}
.nav a{position:relative;font-size:13px;font-weight:600;letter-spacing:.08em;color:#cbd5e1;transition:color .25s}
.nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--b);transition:width .25s}
.nav a:hover{color:#fff}.nav a:hover::after{width:100%}
.nav-cta{padding:8px 18px;border:1px solid var(--b);color:var(--b)!important}
.nav-cta:hover{background:var(--b);color:var(--k)!important}
.burger{display:none;margin-left:auto;width:44px;height:44px;background:none;border:1px solid var(--l);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{width:20px;height:2px;background:#fff;transition:transform .3s,opacity .3s}
.burger[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--b);font-size:13px;font-weight:700;letter-spacing:.1em;transition:transform .25s,box-shadow .25s,background .25s,color .25s}
.btn:hover{transform:translateY(-3px)}
.pri{background:linear-gradient(135deg,var(--b),var(--bb));color:var(--k);box-shadow:0 0 24px rgba(0,102,255,.35)}
.pri:hover{box-shadow:0 0 36px rgba(0,240,255,.5);color:#fff}
.ghost{color:var(--b);background:transparent}
.ghost:hover{background:var(--b);color:var(--k)}

.head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:60px}
.head h2{font-size:clamp(40px,6vw,88px);letter-spacing:1px}
.head h2 .gt{display:block}
.head p{max-width:380px;color:var(--m)}

.js .rv{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}

.hero{min-height:calc(100svh - 120px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;animation:drift 14s ease-in-out infinite alternate}
.b1{width:480px;height:480px;background:var(--bb);right:-80px;top:-60px}
.b2{width:360px;height:360px;background:rgba(0,240,255,.5);left:-100px;bottom:-80px;animation-delay:-6s}
@keyframes drift{to{transform:translate(-60px,50px) scale(1.15)}}
.hero-text{position:relative;z-index:2}
.kicker{color:var(--b);font-size:13px;font-weight:700;letter-spacing:.22em;margin-bottom:20px}
.hero h1{font-size:clamp(58px,10vw,150px);letter-spacing:2px}
.hero h1 .l{display:block;overflow:hidden;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.hero h1 .l:nth-child(2){animation-delay:.15s}
.hero h1 .l:nth-child(3){animation-delay:.3s}
@keyframes rise{from{opacity:0;transform:translateY(60px) skewY(4deg)}}
.lead{max-width:560px;margin-top:24px;color:#cbd5e1;font-size:18px}
.hero .lead,.hero .btns{animation:rise 1s .5s cubic-bezier(.2,.8,.2,1) both}
.hero-mark{position:relative;z-index:2;justify-self:center;width:min(400px,100%);aspect-ratio:1;animation:float 5s ease-in-out infinite}
.hero-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 40px rgba(0,102,255,.45))}
.ring{position:absolute;inset:-28px;border-radius:50%;border:1px dashed rgba(0,240,255,.35);animation:spin 30s linear infinite}
@keyframes float{50%{transform:translateY(-14px)}}
@keyframes spin{to{transform:rotate(360deg)}}

.ticker{background:var(--bb);padding:14px 0;font-family:Anton;font-size:20px;letter-spacing:.06em}
.ticker b{color:#bfdbfe}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about h3{font-size:clamp(30px,4vw,54px);margin-bottom:24px}
.about p{color:var(--m);margin-bottom:16px}
blockquote{margin-top:28px;padding:16px 22px;border-left:3px solid var(--b);background:rgba(0,102,255,.08);font-style:italic;color:#e2e8f0}
.photo{overflow:hidden;border:1px solid var(--l);aspect-ratio:4/3}
.photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.photo:hover img{transform:scale(1.06)}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:80px;background:var(--l);border:1px solid var(--l)}
.val{padding:34px;background:var(--k2)}
.val h3{font-size:28px;margin-bottom:12px;color:var(--b)}
.val p{color:var(--m);margin:0}

.big{background:var(--k2);border-block:1px solid var(--l);padding:30px 0;font-family:Anton;font-size:clamp(54px,9vw,140px);line-height:1}
.big .mq-in{animation-duration:40s;animation-direction:reverse}
.big span{color:var(--b)}
.big i{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3)}

.coaches{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.coach{position:relative;overflow:hidden;height:600px;border:1px solid var(--l);transition:border-color .3s,box-shadow .3s}
.coach:hover{border-color:rgba(0,240,255,.5);box-shadow:0 20px 60px rgba(0,102,255,.2)}
.coach img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1s}
.coach:hover img{transform:scale(1.06)}
.ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,7,18,.95))}
.ci{position:absolute;left:30px;right:30px;bottom:28px}
.ci h3{font-size:clamp(34px,4vw,56px);margin:8px 0 10px}
.ci p{color:#cbd5e1;font-size:15px}

.why{background:#040914}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wc{padding:30px;min-height:260px;border:1px solid var(--l);background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(0,102,255,.04));transition:transform .3s,border-color .3s}
.wc:hover{transform:translateY(-8px);border-color:rgba(0,240,255,.5)}
.wc i{font-style:normal;font-size:36px;display:block;margin-bottom:20px;transition:transform .4s}
.wc:hover i{transform:scale(1.2) rotate(-8deg)}
.wc h3{font-size:26px;margin-bottom:10px}
.wc p{color:var(--m)}

.pal{background:radial-gradient(circle at 50% 20%,rgba(0,102,255,.12),transparent 40%),var(--k)}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:50px}
.nums div{padding:30px 24px;background:var(--k2);border:1px solid var(--l)}
.nums strong{display:block;font-family:Anton;font-weight:400;font-size:clamp(44px,5vw,72px);line-height:1.1;color:var(--b)}
.nums span{color:var(--m);font-size:12px;font-weight:700;letter-spacing:.14em}
.fighter{display:grid;grid-template-columns:1fr 1fr;min-height:620px;border:1px solid var(--l);background:var(--k2);overflow:hidden}
.fp{overflow:hidden;background:#0a0f1b}
.fp img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center top;transition:opacity .35s,transform 1s}
.fighter:hover .fp img{transform:scale(1.05)}
.fi{padding:50px;display:flex;flex-direction:column;justify-content:center;transition:opacity .35s,transform .35s}
.fighter.swap .fp img,.fighter.swap .fi{opacity:0}
.fighter.swap .fi{transform:translateX(20px)}
.fi h3{font-size:clamp(44px,5vw,78px);margin:14px 0 36px;display:block}
.fs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--l);border:1px solid var(--l)}
.fs div{padding:18px 14px;background:var(--k2)}
.fs strong{display:block;font-family:Anton;font-weight:400;font-size:38px;line-height:1.2}
.fs span{color:var(--m);font-size:10px;font-weight:700;letter-spacing:.1em}
.fnav{display:flex;align-items:center;gap:16px;margin-top:34px}
.fnav button,.ga{width:48px;height:48px;background:var(--k2);border:1px solid var(--l);color:var(--b);transition:background .25s,color .25s}
.fnav button:hover,.ga:hover{background:var(--bb);color:#fff}
.dots{display:flex;gap:9px}
.dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#334155;transition:transform .25s,background .25s}
.dots button.on{background:var(--b);transform:scale(1.4);box-shadow:0 0 12px rgba(0,240,255,.6)}

.sali{background:var(--k2)}
.sgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.sc{background:#060b15;border:1px solid var(--l);overflow:hidden;transition:border-color .3s}
.sc:hover{border-color:rgba(0,240,255,.45)}
.sc img{width:100%;height:300px;object-fit:cover;transition:transform .8s}
.sc:hover img{transform:scale(1.05)}
.sb{padding:28px 30px 32px}
.sb h3{font-size:36px;margin:8px 0 12px}
.mu{color:var(--m);margin-top:8px}

.sch{margin-bottom:22px;border:1px solid var(--l);background:var(--k2)}
.sch h3{padding:18px 24px;font-size:28px;background:var(--bb)}
.days{display:grid;grid-template-columns:repeat(3,1fr)}
.days div{position:relative;padding:28px 24px;border-right:1px solid var(--l);transition:background .3s}
.days div:last-child{border:0}
.days div:hover{background:rgba(0,102,255,.1)}
.days div::before{content:attr(data-d);display:block;color:var(--b);font-family:Anton;font-size:26px;margin-bottom:6px}
.days b{display:block;color:var(--m);font-size:12px;letter-spacing:.13em}
.days span{font-size:20px;font-weight:600}
.note{color:var(--m);font-size:14px}

.gal{background:var(--k2)}
.gwrap{display:flex;align-items:center;gap:14px}
.gtrack{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1}
.gtrack::-webkit-scrollbar{display:none}
.gtrack figure{flex:0 0 min(640px,82%);scroll-snap-align:center;height:min(520px,70vw);overflow:hidden;border:1px solid var(--l);background:#080d18}
.gtrack img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.gtrack figure:hover img{transform:scale(1.05)}

.contact{min-height:640px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(0,240,255,.09),transparent 40%),var(--k)}
.cbg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Anton;font-size:clamp(180px,38vw,560px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);animation:float 8s ease-in-out infinite;pointer-events:none}
.cin{position:relative;z-index:2;width:min(900px,100%);text-align:center}
.contact h2{font-size:clamp(46px,8vw,110px)}
.contact h2 .gt{display:block}
.contact .lead{margin:22px auto 40px}
.phones{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left}
.pb{padding:28px;border:1px solid var(--l);background:rgba(255,255,255,.03)}
.pb strong{display:block;margin-top:8px;font-size:18px}
.pb em{font-style:normal;font-size:24px;font-weight:600;color:var(--b)}

footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding:50px max(20px,calc((100vw - var(--c))/2));background:#02050d;border-top:1px solid var(--l)}
.fl{display:flex;align-items:center;gap:14px;font-family:Anton;font-size:18px}
.fl img{width:48px;height:48px;object-fit:contain}
.fl div{display:flex;flex-direction:column;line-height:1}
.fl b{margin-top:5px;color:var(--b);font-size:11px;letter-spacing:.18em;font-family:Oswald}
.fn{display:flex;flex-wrap:wrap;gap:14px 22px;justify-content:flex-end;align-items:center}
.fn a{color:var(--m);font-size:12px;font-weight:700;letter-spacing:.1em;transition:color .25s}
.fn a:hover{color:var(--b)}
.cr{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--l);color:#64748b;font-size:13px}
.cr strong{color:var(--b);font-weight:500}

@media(max-width:1000px){
.burger{display:flex}
.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px;background:rgba(3,7,18,.98);border-bottom:1px solid var(--l);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s}
.nav.open{opacity:1;visibility:visible;transform:none}
.nav a{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
.nav-cta{margin-top:10px;text-align:center}
.why-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:800px){
section{padding:80px 20px}
.head{display:block;margin-bottom:40px}.head p{margin-top:20px}
.hero{grid-template-columns:1fr;padding-top:50px}
.hero-mark{width:200px;order:-1;justify-self:start;opacity:.9}
.about-grid,.coaches,.sgrid,.phones,.vals,.fighter{grid-template-columns:1fr}
.coach{height:500px}
.why-grid{grid-template-columns:1fr}
.nums{grid-template-columns:repeat(2,1fr)}
.fi{padding:34px 22px}
.days{grid-template-columns:1fr}
.days div{border-right:0;border-bottom:1px solid var(--l)}
.gtrack figure{flex-basis:88%}
.ga{display:none}
footer{grid-template-columns:1fr}.fn{justify-content:flex-start}
}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.js .rv{opacity:1;transform:none}
}

/* ===== strat extra: efecte ===== */
.pre{position:fixed;inset:0;z-index:999;background:var(--k);display:grid;place-items:center;align-content:center;gap:22px;transition:opacity .6s,visibility .6s}
.pre.out{opacity:0;visibility:hidden}
.pre img{width:110px;animation:pulse 1.2s ease-in-out infinite}
.pre i{display:block;width:140px;height:3px;background:linear-gradient(90deg,var(--b),var(--bb));transform-origin:left;animation:load 1s ease-out forwards}
@keyframes pulse{50%{transform:scale(1.1);filter:drop-shadow(0 0 30px var(--b))}}
@keyframes load{from{transform:scaleX(0)}}
.js:not(.ready) .hero *{animation-play-state:paused}
#sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-mark img{transition:transform .25s}
.pri{position:relative;overflow:hidden}
.pri::before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:shine 3.5s infinite}
@keyframes shine{60%,100%{left:140%}}
.spot{position:relative}
.spot::after{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(0,240,255,.15),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.spot:hover::after{opacity:1}
.faq details{border:1px solid var(--l);background:var(--k2);margin-bottom:10px;transition:border-color .3s}
.faq details[open]{border-color:rgba(0,240,255,.5)}
.faq summary{list-style:none;cursor:pointer;padding:22px 26px;font-family:Anton;font-size:24px;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--b);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 26px 24px;color:var(--m);max-width:70ch}
.fq{max-width:900px}
.gtrack img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:300;background:rgba(3,7,18,.95);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}
.lb.on{opacity:1;visibility:visible}
.lb img{max-width:92vw;max-height:86vh;object-fit:contain}
.lb button{position:absolute;width:48px;height:48px;background:var(--k2);border:1px solid var(--l);color:var(--b);font-size:20px}
.lb .x{top:20px;right:20px}.lb .p{left:20px}.lb .n{right:20px}
.mcta{display:none}
@media(max-width:800px){.mcta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;box-shadow:0 8px 30px rgba(0,0,0,.6)}footer{padding-bottom:90px}}

/* ===== multicolor + text în mișcare + remodelare ===== */
.gt{background:linear-gradient(90deg,#fff 0,#00f0ff 18%,#0066ff 36%,#8a2be2 54%,#ff2e93 70%,#00f0ff 86%,#fff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sh 5s linear infinite,glow 3s ease-in-out infinite}
@keyframes glow{50%{filter:drop-shadow(0 0 10px rgba(138,43,226,.65)) drop-shadow(0 0 18px rgba(0,240,255,.4))}}
.ci h3.gt,.fi h3.gt{transform-origin:left center;animation:sh 5s linear infinite,glow 3s ease-in-out infinite,grow 3.5s ease-in-out infinite}
@keyframes grow{50%{transform:scale(1.04)}}
.hero h1 .l{overflow:visible}
.hero h1 .w{display:inline-block;animation:wave 2.8s ease-in-out infinite;animation-delay:calc(var(--i)*.09s)}
@keyframes wave{50%{transform:translateY(-7px);color:var(--b)}}
.type{margin-top:16px;font-family:Anton;font-size:clamp(22px,3vw,36px);letter-spacing:1px;min-height:1.3em;animation:rise 1s .45s cubic-bezier(.2,.8,.2,1) both}
.type i{display:inline-block;width:3px;height:1em;margin-left:5px;background:var(--b);vertical-align:-.12em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.ring{border:0;inset:-44px;width:calc(100% + 88px);height:calc(100% + 88px)}
.ring text{fill:var(--b);font:600 11px Oswald,sans-serif}
.big.fw .mq-in{animation-direction:normal}
.big span.gt{color:transparent}
.cur{position:fixed;left:0;top:0;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(0,102,255,.2),transparent 65%);mix-blend-mode:screen}
.why,.sali,.gal{clip-path:polygon(0 3vw,100% 0,100% calc(100% - 3vw),0 100%);margin-block:-1.5vw;padding-block:calc(110px + 4vw)}
@media(max-width:800px){.why,.sali,.gal{padding-block:calc(80px + 6vw)}}

/* ===== profil sportiv cu drapel ===== */
.fp{position:relative;display:flex;align-items:flex-end;justify-content:center;background:#000}
.fp img{position:relative;z-index:1}
.fp img.cut{object-fit:contain;object-position:center bottom}
.bio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.bio:empty{display:none}
.bio span{display:block;color:var(--m);font-size:11px;font-weight:700;letter-spacing:.12em}
.bio strong{font-family:Anton;font-weight:400;font-size:clamp(24px,3vw,36px)}
.ig{align-self:flex-start;margin-top:22px}
.ig[hidden]{display:none}

/* ===== palmares: statistici, miniaturi, nume în fundal ===== */
@property --p{syntax:'<number>';inherits:false;initial-value:0}
.fighter{position:relative}
.fp,.fi{position:relative;z-index:1}
.fp{background:#0a0f1b}
.ghost{position:absolute;right:-2%;bottom:-8%;font-family:Anton;font-size:clamp(110px,17vw,250px);line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(0,240,255,.12);pointer-events:none;transition:opacity .35s}
.fighter.swap .ghost{opacity:0}
.perf{display:flex;align-items:center;gap:20px;margin-top:26px}
.ringp{--p:0;flex:0 0 96px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--b) calc(var(--p)*1%),rgba(255,255,255,.1) 0);transition:--p .9s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 10px rgba(0,240,255,.35))}
.ringp b{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:var(--k2);font-family:Anton;font-weight:400;font-size:24px}
.form{display:flex;gap:6px;margin-top:10px}
.form i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;font-weight:700;font-size:14px;border-radius:4px}
.form .v{background:rgba(0,240,255,.15);color:var(--b);border:1px solid var(--b)}
.form .l{background:rgba(255,46,147,.15);color:#ff2e93;border:1px solid #ff2e93}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.badges span{padding:6px 12px;border:1px solid var(--l);background:rgba(255,255,255,.04);font-size:13px;font-weight:500}
.thumbs{display:flex;gap:10px;margin-top:20px;padding:8px 4px;overflow-x:auto;scrollbar-width:none}
.thumbs button{flex:0 0 84px;height:106px;padding:0;overflow:hidden;background:#0a0f1b;border:2px solid transparent;opacity:.5;transition:opacity .3s,transform .3s,border-color .3s,box-shadow .3s}
.thumbs button:hover{opacity:.85}
.thumbs button.on{opacity:1;border-color:var(--b);transform:translateY(-6px);box-shadow:0 0 20px rgba(0,240,255,.4)}
.thumbs img{width:100%;height:100%;object-fit:cover;object-position:center top}
#fDots{display:none}

/* ===== galerie 3D ===== */
#fImg[data-fb]{object-fit:contain;padding:14%;opacity:.5}
.ga{position:relative;z-index:20}
.gtrack{display:block;position:relative;flex:1;height:min(540px,78vw);overflow:visible;perspective:1300px;transform-style:preserve-3d;scroll-snap-type:none}
.gtrack figure{position:absolute;left:50%;top:0;flex:none;width:min(600px,72%);height:100%;margin:0;cursor:pointer;filter:brightness(.4) saturate(.6);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s,border-color .6s,box-shadow .6s}
.gtrack figure.on{filter:none;border-color:var(--b);box-shadow:0 0 60px rgba(0,102,255,.5),0 30px 80px rgba(0,0,0,.6)}
.gtrack figure.on img{animation:kb 9s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.1)}}
.gmeta{display:flex;align-items:center;gap:22px;margin-top:36px}
.gcap{display:flex;align-items:baseline;gap:14px;min-width:280px;font-family:Anton;font-size:24px}
.gcap b{color:var(--b);font-weight:400}
.gcap span{font-size:20px}
.gdots{display:flex;gap:8px}
.gdots button{width:26px;height:4px;padding:0;border:0;background:#334155;transition:background .3s,width .3s}
.gdots button.on{width:46px;background:var(--b)}
.gprog{flex:1;height:2px;background:var(--l);overflow:hidden}
.gprog i{display:block;height:100%;background:linear-gradient(90deg,var(--b),#8a2be2);transform-origin:left;animation:gp 4.5s linear forwards}
@keyframes gp{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:800px){.gmeta{flex-wrap:wrap}.gcap{min-width:0}.gprog{flex-basis:100%}}

@media(max-width:800px){
.gwrap{position:relative}
.ga{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;flex:none;background:rgba(3,7,18,.7)}
#gPrev{left:0}#gNext{right:0}
.ga:hover{transform:translateY(-50%)}
}

/* ===== azi se antrenează, prețuri, formular, video ===== */
.today{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:10px 20px;background:rgba(0,102,255,.14);border-bottom:1px solid rgba(0,240,255,.25);font-size:14px;font-weight:600;letter-spacing:.08em;text-align:center}
.today[hidden]{display:none}
.today i{width:10px;height:10px;border-radius:50%;background:#22ff88;animation:ping 1.6s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(34,255,136,.7)}100%{box-shadow:0 0 0 12px rgba(34,255,136,0)}}
.today .btn{min-height:34px;padding:0 14px;font-size:12px}
.price{background:var(--k)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.pc{display:flex;flex-direction:column;padding:30px;border:1px solid var(--l);background:var(--k2)}
.pc:hover{transform:translateY(-8px);border-color:rgba(0,240,255,.5)}
.pc h3{font-size:30px;margin:10px 0 4px}
.pc p{color:var(--m);flex:1}
.pc .pr{display:block;font-family:Anton;font-weight:400;font-size:46px;line-height:1.2;color:var(--b);margin:6px 0 14px}
.pc .pr em{font-style:normal;font-size:16px;color:var(--m);margin-left:6px}
.pc .btn{margin-top:22px}
.pc.free{background:linear-gradient(145deg,rgba(0,102,255,.35),rgba(138,43,226,.25));border-color:var(--b)}
.pc.free .pr{color:#fff}
.enroll{margin:0 0 22px;padding:28px;border:1px solid rgba(0,240,255,.3);background:rgba(255,255,255,.03);text-align:left}
.enroll h3{font-size:30px;margin-bottom:18px}
.fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.enroll label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--m)}
.enroll input,.enroll select{height:48px;padding:0 14px;background:var(--k2);border:1px solid var(--l);color:#fff;font:inherit;font-size:16px}
.enroll input:focus,.enroll select:focus{outline:2px solid var(--b);border-color:var(--b)}
.enroll .btn{margin-top:18px}
.enroll .note{margin-top:12px}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;filter:brightness(.7);transition:opacity 1.4s}
.hero.hv .hero-video{opacity:.45}
.hero.hv::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,7,18,.92),rgba(3,7,18,.4))}
@media(max-width:1250px){.nav{gap:16px}.nav a{font-size:12px}}
@media(max-width:1000px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.pgrid,.fgrid{grid-template-columns:1fr}}

/* ===== săli: card cu informații în loc de hartă ===== */
.info{list-style:none;margin-top:18px;border-top:1px solid var(--l)}
.info li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--l)}
.info b{font-size:12px;letter-spacing:.12em;color:var(--b)}
.info span{text-align:right}

/* ===== contact: telefoane, SUNĂ albastru, WhatsApp verde ===== */
.pb{display:flex;flex-direction:column;padding:30px;transition:transform .3s,border-color .3s}
.pb:hover{transform:translateY(-6px);border-color:rgba(0,240,255,.5)}
.pb strong{font-family:Anton;font-weight:400;font-size:28px;margin:8px 0 4px}
.num{font-size:26px;font-weight:600;color:var(--b);letter-spacing:.03em;transition:color .25s}
.num:hover{color:#fff}
.cbtns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.cb{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;font-size:13px;font-weight:700;letter-spacing:.1em;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s}
.cb svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cb:hover{transform:translateY(-3px)}
.cb.call{border-color:var(--b);color:var(--b)}
.cb.call:hover{background:var(--b);color:var(--k)}
.cb.wa{background:#25D366;color:#04210f}
.cb.wa:hover{box-shadow:0 0 28px rgba(37,211,102,.5)}
@media(max-width:500px){.cbtns{grid-template-columns:1fr}}

.wa-btn{background:#25D366;border-color:#25D366;color:#04210f;box-shadow:0 0 24px rgba(37,211,102,.3)}
.wa-btn:hover{color:#04210f;box-shadow:0 0 36px rgba(37,211,102,.55)}

/* ===== locații: simplu ===== */
.sxg{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.sx{background:#060b15;border:1px solid var(--l);overflow:hidden}
.sx>img{width:100%;height:260px;object-fit:cover}
.sx-b{padding:26px 28px 28px}
.sx-b h3{font-size:36px;margin:6px 0 10px}
.adr{color:#cbd5e1}
.zo{margin-top:12px;color:var(--m)}
.zo b{color:#fff;font-weight:600}
.sx-btn{margin-top:22px;width:100%}
@media(max-width:800px){.sxg{grid-template-columns:1fr}.sx>img{height:200px}}

/* ===== fix: fără mișcare stânga-dreapta + preloader centrat ===== */
html{overflow-x:clip;max-width:100%;overscroll-behavior-x:none}
html,body{touch-action:pan-y}
body{max-width:100%;overscroll-behavior-x:none}
section{overflow-x:clip}
.gal,.hero,.pal,.contact{overflow-x:clip}
.pre{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.pre img{margin:0 auto}