/* fitnezal.info — фитнес-клуб. Энергичный чёрно-лаймовый, диагонали, Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Barlow:wght@400;500;600&display=swap');
:root{--bg:#0d0f0c;--panel:#15191300;--card:#1a1f17;--lime:#c6f24e;--lime-d:#a5d62f;--white:#f4f7ee;--muted:#9aa394;--line:#262c20}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:var(--bg);color:var(--white);line-height:1.65}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.02;text-transform:uppercase;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.fz-head{position:sticky;top:0;z-index:50;background:rgba(13,15,12,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.fz-nav{display:flex;align-items:center;justify-content:space-between;height:82px}
.fz-logo{font-family:'Montserrat';font-weight:900;font-size:1.5rem;letter-spacing:-.02em}
.fz-logo span{color:var(--lime)}
.fz-menu{display:flex;gap:32px;font-family:'Montserrat';font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}
.fz-menu a{color:var(--muted);transition:.2s}.fz-menu a:hover,.fz-menu a.active{color:var(--lime)}
.fz-burger{display:none;background:none;border:none;color:var(--lime);font-size:1.6rem;cursor:pointer}
.btn{display:inline-block;background:var(--lime);color:#0d0f0c;padding:16px 36px;font-family:'Montserrat';font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);transition:.25s;border:none;cursor:pointer}
.btn:hover{background:var(--lime-d);transform:translateX(3px)}
.btn-out{background:transparent;color:var(--lime);border:2px solid var(--lime);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.btn-out:hover{background:var(--lime);color:#0d0f0c}
.hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.4}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#0d0f0c 30%,rgba(13,15,12,.4))}
.hero-in{position:relative;z-index:2;max-width:760px}
.tag{display:inline-block;background:var(--lime);color:#0d0f0c;font-family:'Montserrat';font-weight:800;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;padding:7px 16px;margin-bottom:26px;transform:skewX(-8deg)}
.hero-in h1{font-size:clamp(3rem,9vw,7rem);margin-bottom:24px}
.hero-in h1 em{color:var(--lime);font-style:normal}
.hero-in p{font-size:1.2rem;color:var(--muted);max-width:480px;margin-bottom:34px}
section{padding:100px 0;position:relative}
.diag{background:var(--card);transform:skewY(-3deg);margin:60px 0}
.diag>.wrap{transform:skewY(3deg)}
.sec-head{max-width:680px;margin-bottom:54px}
.sec-head .lab{color:var(--lime);font-family:'Montserrat';font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.sec-head h2{font-size:clamp(2.4rem,5.5vw,4rem);margin:14px 0}
.sec-head p{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gcard{background:var(--card);border:1px solid var(--line);padding:36px 30px;position:relative;overflow:hidden;transition:.3s}
.gcard::before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:var(--lime);transition:.35s}
.gcard:hover::before{height:100%}
.gcard:hover{transform:translateY(-6px)}
.gcard .ic{width:52px;height:52px;margin-bottom:22px}
.gcard h3{font-size:1.4rem;margin-bottom:12px}
.gcard p{color:var(--muted);font-size:.95rem}
.classes{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.cls{position:relative;height:300px;overflow:hidden}
.cls img{width:100%;height:100%;object-fit:cover;transition:.5s}
.cls:hover img{transform:scale(1.08)}
.cls .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,15,12,.92),transparent 70%);display:flex;flex-direction:column;justify-content:end;padding:28px}
.cls h3{font-size:1.7rem}.cls .meta{color:var(--lime);font-family:'Montserrat';font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.stat{text-align:center}.stat .n{font-family:'Montserrat';font-weight:900;font-size:3.4rem;color:var(--lime);line-height:1}
.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600;margin-top:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.split-img{height:480px;overflow:hidden}.split-img img{width:100%;height:100%;object-fit:cover}
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{background:var(--card);border:1px solid var(--line);padding:40px 32px;text-align:center;transition:.3s}
.pcard.hot{border-color:var(--lime);background:#1d2417;position:relative}
.pcard.hot::after{content:"ХИТ";position:absolute;top:16px;right:16px;background:var(--lime);color:#0d0f0c;font-family:'Montserrat';font-weight:800;font-size:.66rem;padding:4px 10px;letter-spacing:.1em}
.pcard h3{font-size:1.4rem;margin-bottom:8px}
.pcard .amt{font-family:'Montserrat';font-weight:900;font-size:3rem;color:var(--lime);margin:14px 0}
.pcard .amt small{font-size:1rem;color:var(--muted);font-weight:600}
.pcard ul{list-style:none;text-align:left;margin:20px 0 26px}
.pcard li{padding:8px 0;color:var(--muted);border-bottom:1px solid var(--line)}
.pcard li::before{content:"▸ ";color:var(--lime)}
.quote{max-width:840px;margin:0 auto;text-align:center}
.quote p{font-family:'Montserrat';font-weight:700;font-size:1.9rem;text-transform:uppercase;line-height:1.25}
.quote p span{color:var(--lime)}.quote .who{color:var(--muted);margin-top:20px;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase}
.form{display:grid;gap:16px;max-width:540px}
.form input,.form textarea,.form select{padding:16px 18px;background:var(--card);border:1px solid var(--line);color:var(--white);font-family:inherit;font-size:1rem}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--lime)}
.info-row{display:flex;gap:16px;margin-bottom:24px;align-items:center}
.info-row .ic{width:44px;height:44px;flex-shrink:0}
.info-row b{display:block;font-family:'Montserrat';font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.06em}
.info-row span{color:var(--muted)}
.map{height:320px;overflow:hidden;border:1px solid var(--line)}.map iframe{width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg)}
.fz-foot{background:#080a07;padding:70px 0 28px;border-top:2px solid var(--lime)}
.fz-foot .top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.fz-foot .logo{font-family:'Montserrat';font-weight:900;font-size:1.6rem}.fz-foot .logo span{color:var(--lime)}
.fz-foot p{color:var(--muted);margin-top:14px;max-width:320px}
.fz-foot h4{font-family:'Montserrat';font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em;color:var(--lime);margin-bottom:16px}
.fz-foot a{display:block;color:var(--muted);padding:6px 0}.fz-foot a:hover{color:var(--lime)}
.foot-bot{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;text-align:center;color:#6a7460;font-size:.84rem}
.pagehero{padding:120px 0 70px;background:var(--card);position:relative;overflow:hidden}
.pagehero::before{content:"";position:absolute;top:-40%;right:-10%;width:50%;height:180%;background:var(--lime);opacity:.06;transform:skewX(-18deg)}
.pagehero .lab{color:var(--lime);font-family:'Montserrat';font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.pagehero h1{font-size:clamp(2.8rem,7vw,5.5rem);margin-top:16px}
.pagehero p{color:var(--muted);margin-top:16px;font-size:1.1rem;max-width:520px}
.legal{max-width:800px}.legal h2{font-size:1.5rem;color:var(--lime);margin:34px 0 12px}
.legal p,.legal li{color:#c2cbb6;margin-bottom:12px}.legal ul{padding-left:22px}
.sched{width:100%;border-collapse:collapse}
.sched th,.sched td{padding:16px 14px;text-align:left;border-bottom:1px solid var(--line)}
.sched th{font-family:'Montserrat';text-transform:uppercase;font-size:.78rem;color:var(--lime);letter-spacing:.08em}
.sched td{color:var(--muted)}.sched .nm{color:var(--white);font-weight:600}
#cookie{position:fixed;bottom:20px;left:20px;right:20px;max-width:560px;margin:0 auto;background:var(--card);border:1px solid var(--lime);padding:22px 26px;z-index:100;display:none}
#cookie.show{display:block}#cookie p{font-size:.9rem;margin-bottom:14px}
#cookie .btns{display:flex;gap:12px}#cookie button{padding:11px 24px;font-family:'Montserrat';font-weight:800;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none}
.ck-ok{background:var(--lime);color:#0d0f0c}.ck-no{background:transparent;border:1px solid var(--line)!important;color:var(--muted)}
.reveal{opacity:0;transform:translateY(30px);transition:.7s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.fz-menu{position:fixed;top:82px;right:0;width:78%;height:calc(100vh - 82px);background:var(--card);flex-direction:column;padding:36px;transform:translateX(100%);transition:.3s}.fz-menu.open{transform:none}.fz-burger{display:block}
.grid3,.classes,.split,.price,.fz-foot .top{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.split-img{height:320px}}

/* page hero + form ok */
.page-hero{padding:120px 0 60px;background:linear-gradient(160deg,#0c0d0f,#15171b);border-bottom:1px solid rgba(208,255,0,.12)}
.page-hero .tag{display:inline-block;font-family:'Montserrat';font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:var(--lime);border:1px solid rgba(208,255,0,.4);padding:6px 14px;border-radius:40px;margin-bottom:18px}
.page-hero h1{font-family:'Montserrat';font-weight:900;font-size:3rem;line-height:1.04;color:#fff}
.page-hero h1 em{font-style:normal;color:var(--lime)}
.page-hero p{color:var(--muted);margin-top:14px;max-width:560px}
.ok{display:none;margin-top:14px;color:var(--lime);font-weight:700}
.ok.show{display:block}