@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');
:root{color-scheme:dark;--base:#121516;--surface:#1c2223;--text:#f7f7ec;--muted:#b7beb6;--line:#363e3e;--line-strong:#65716a;--accent:#d8fa55;--on-accent:#181e11;--soft:#292f25;--label:#d8fa55;--display:"Barlow Condensed";--display-fallback:"Arial Narrow";--tracking:-.025em;--heading-weight:800;--radius:2px}
.site-nav .brand{font-stretch:condensed}
.kw-hero{background:linear-gradient(90deg,#101314 2%,#101314d9 28%,#10131419 73%),url('../../assets/demo-gym-hero.webp') center 42%/cover;min-height:clamp(495px,64vw,720px);display:grid;align-items:center;border-block:1px solid var(--line)}
.kw-hero-inner{padding-block:52px}
.kw-hero h1,.kw-course-head h1{text-transform:uppercase;margin:10px 0 16px;line-height:.94;font-size:clamp(75px,11vw,155px)}
.kw-hero p:not(.label),.kw-course-head p:not(.label){max-width:39ch;color:#dce0d9;font-size:clamp(16px,2vw,21px)}
.kw-hero .actions{margin-top:28px}
.kw-hero .secondary{background:#1117179e}
.kw-live{background:var(--accent);color:var(--on-accent);font-size:.88rem}
.kw-live .wrap,.kw-visit .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:16px}
.kw-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#304713;margin-right:6px}
.kw-live small{font-size:.75rem}
.training-cards article{background:var(--surface);border:1px solid var(--line)}
.training-cards img{aspect-ratio:1.45}
.training-cards article>div{padding:20px}
.training-cards p,.price-list small,.courses aside .form-hint{color:var(--muted);margin-top:7px}
.training-cards a,.kw-visit a{display:inline-block;margin-top:12px;color:var(--accent);font-weight:700}
.membership,.kw-visit{background:var(--surface);border-block:1px solid var(--line)}
.membership h2,#probetraining h2{margin:8px 0 13px}
.price-list>div{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:18px 0;border-top:1px solid var(--line)}
.price-list b,.price-list small{display:block}
.price-list strong{color:var(--accent);font-size:1.4rem;white-space:nowrap;text-align:right}
.price-list strong small{font-size:.72rem;margin:0}
.kw-visit .wrap{padding-block:25px}
.kw-course-head{background:linear-gradient(90deg,#101314 5%,#10131457),url('../../assets/demo-gym-class.webp') center 45%/cover;padding-block:clamp(70px,11vw,150px);border-block:1px solid var(--line)}
.course-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:22px;align-items:start}
#course-list{margin-top:15px;border-top:1px solid var(--line)}
.course-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}
.course-row time{color:var(--accent);font:700 1.55rem/1 var(--display),Geist,sans-serif}
.course-row h3{font-size:1.7rem}
.course-row small,#my-courses small{color:var(--muted)}
#my-courses>div{padding:10px 0;border-bottom:1px solid var(--line)}
#my-courses button{margin-top:6px;min-height:36px;padding:6px 8px}
#reset-courses{margin-top:12px}
@media(max-width:780px){.course-layout{grid-template-columns:1fr}}
@media(max-width:560px){.kw-hero{background-position:58% center}.kw-hero h1,.kw-course-head h1{font-size:clamp(69px,15vw,105px)}.kw-live .wrap{justify-content:start}.kw-live a{display:none}.course-row{grid-template-columns:55px 1fr}.course-row button{grid-column:2;justify-self:start}}