@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--ink:#1c211c;--muted:#71776e;--lime:#cefa80;--paper:#f5f6f0;--line:#e1e4da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Barlow,Arial,sans-serif;font-size:15px}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #658e29}button{transition:background .18s,transform .18s}button:hover{filter:brightness(.96)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#171b17;color:#f4f5ef;padding:37px 23px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:28px;letter-spacing:-1.5px}.brand-symbol{position:relative;font-size:49px;line-height:1;color:var(--lime)}.brand-symbol span{position:absolute;font-size:23px;right:-7px;top:-3px}.brand-gym{display:block;font-size:10px;letter-spacing:4px;font-weight:500;margin-top:3px}.side-label{font-size:9px;letter-spacing:1.5px;color:#9ca397;margin:58px 10px 20px}.nav{border:0;color:#bdc5b9;background:none;padding:15px 13px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:8px;margin-bottom:8px;font-size:14px}.nav.active{background:var(--lime);color:var(--ink);font-weight:600}.nav-arrow,.count{margin-left:auto}.count{border:1px solid #68745d;border-radius:6px;padding:1px 6px;font-size:11px}.side-bottom{margin-top:auto}.side-card{border:1px solid #383f34;padding:17px 13px;border-radius:9px;font-size:12px;color:#e0e6d9}.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:5px}.side-card p{font-size:15px;line-height:1.5;color:#a4ad9e}.small{font-size:12px;color:var(--muted)}.side-card .small{color:#a4ad9e;font-size:10px}.by{display:flex;justify-content:space-between;margin-top:25px;font-size:11px;color:#a4ad9e}.by strong{color:#e4eadf}.shell{margin-left:244px}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;border-bottom:1px solid var(--line);background:#fbfcf8}.breadcrumb{font-size:11px;letter-spacing:1px;font-weight:600}.breadcrumb span{margin-left:16px;color:#7a8074;letter-spacing:0;font-weight:400}.demo-badge{border:1px solid #d8dfcd;border-radius:5px;padding:8px 10px;font-size:9px;font-weight:600;letter-spacing:1px}.demo-badge .live-dot{background:#709632}main{max-width:1480px;padding:37px 46px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#69745e;margin:0 0 12px}h1{font-size:clamp(31px,3vw,46px);line-height:1.1;letter-spacing:-1.7px;font-weight:600;margin:0}h1>span{color:#7f9c50}.subtitle{color:var(--muted);font-size:14px;margin:12px 0 26px}.heading-icon{border:1px solid #d9dece;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}.heading-icon svg{width:24px;height:24px}.hero{margin-top:5px;background:#20271e;color:white;position:relative;border-radius:14px;overflow:hidden;min-height:322px;display:flex}.hero-content{padding:30px 35px 60px;position:relative;z-index:2}.hero-tag{font-size:9px;letter-spacing:2px;color:#d4dfca}.hero h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:62px;line-height:.95;text-transform:uppercase;letter-spacing:-1px;margin:18px 0 14px}.hero h2 span{color:var(--lime)}.hero p{font-size:12px;color:#b9c5af;line-height:1.5}.lime-button{border:0;border-radius:5px;background:var(--lime);color:#20251b;padding:12px 17px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:25px;min-height:44px}.lime-button span{font-size:18px}.hero-art{position:absolute;right:0;top:0;bottom:0;width:52%;overflow:hidden;background:radial-gradient(ellipse at center,#46573a66,transparent 65%)}.vertical-type{position:absolute;font-family:'Barlow Condensed',Impact,sans-serif;font-size:180px;font-weight:800;color:#e2f1d208;left:0;top:37px;transform:rotate(-10deg)}.dumbbell{position:absolute;width:100%;height:100%;top:-10px;filter:drop-shadow(14px 22px 15px #0006)}.orbit{position:absolute;border:1px solid #d5f5b51b;border-radius:50%;width:350px;height:350px;left:5%;top:-25px;transform:rotate(-25deg)}.orbit-two{width:440px;height:250px;top:25px;left:-7%;transform:rotate(40deg)}.art-label{position:absolute;right:25px;top:23px;font-size:8px;letter-spacing:3px;color:#899a7f;writing-mode:vertical-rl}.hero-bottom{position:absolute;left:35px;right:30px;bottom:16px;border-top:1px solid #ffffff1a;padding-top:12px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#bdc8b4}.section-title{display:flex;justify-content:space-between;align-items:end;margin:36px 0 22px}.section-title h2{font-size:23px;letter-spacing:-.6px;font-weight:600;margin:0}.section-title .eyebrow{margin-bottom:7px}.timezone{font-size:11px;color:var(--muted)}.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.schedule-main{min-width:0}.week-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:13px}.week-controls .small{display:inline-block;margin-left:10px}.week-arrows{display:flex;gap:7px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:6px;font-size:20px}.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.day{background:#fcfdf9;border:1px solid var(--line);border-radius:8px;padding:11px 2px 9px;color:var(--muted);font-size:10px;min-height:76px}.day strong{display:block;font-size:21px;font-weight:600;margin:4px 0;color:var(--ink)}.day.active{background:var(--ink);border-color:var(--ink);color:#bbc4b4}.day.active strong{color:var(--lime)}button:disabled{opacity:.45;cursor:not-allowed}.filters{display:flex;gap:7px;margin:20px 0;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:9px 11px;border-radius:6px;color:#636b5b;font-size:11px;min-height:38px}.filter.active{background:#e7eedb;border-color:#b9cb9c;color:#324321;font-weight:600}.list-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:0 0 12px}.list-top span+span{font-size:8px;letter-spacing:1px}.class-card{background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;display:flex;gap:14px;padding:18px 16px;align-items:center}.class-time{padding-right:15px;border-right:1px solid var(--line);min-width:65px}.class-time strong{font-size:20px;font-weight:600;display:block}.class-time small{font-size:10px;color:var(--muted)}.class-icon{width:40px;height:44px;display:grid;place-items:center;background:var(--tint);color:var(--tone);border-radius:7px;flex-shrink:0}.class-info{flex:1}.class-info h3{font-size:16px;font-weight:600;margin:0 0 6px}.class-info p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.class-info .level{font-size:8px;display:inline-block;border-radius:3px;background:#f2f4ed;padding:2px 5px;margin-left:5px;color:#65705b}.class-action{text-align:right;min-width:89px}.class-action small{display:block;font-size:9px;color:#6d7b5d;margin-bottom:8px}.reserve{border:1px solid var(--line);border-radius:5px;background:#f8faf4;padding:9px 14px;min-height:38px;font-size:11px;font-weight:600;color:#26371d}.reserve.booked{background:#e6f1d5;color:#4c6f29}.reserve.full{color:#8a8f83}.summary{align-self:start;background:#edf0e6;border:1px solid #e0e5d7;border-radius:10px;padding:23px 20px}.summary-icon{width:36px;height:36px;display:grid;place-items:center;background:#e0e8d4;border-radius:7px;margin-bottom:20px}.summary .eyebrow{font-size:8px;letter-spacing:1.3px}.summary h3{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.4px;margin:10px 0 18px}.summary p{font-size:12px;line-height:1.6;color:#6a735f}.summary-divider{height:1px;background:#dce2d2;margin:23px 0}.how{display:flex;align-items:start;gap:12px}.how>span{font-size:11px;border:1px solid #ccd5bf;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;margin-top:6px;flex-shrink:0}.how p{font-size:12px;margin:4px 0 16px;color:#37432b}.how small{font-size:10px;color:#77816b}.summary .demo-note{font-size:10px;border-top:1px solid #dce2d2;padding-top:16px;margin-top:10px}.next-title{font-size:15px!important;color:var(--ink)!important;font-weight:600}.next-date{font-size:12px}.text-button{background:none;border:0;border-bottom:1px solid #879874;padding:7px 0;min-height:36px;color:#485c33;font-size:11px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding:23px 0;font-size:9px;color:#828977}.bookings{margin-top:28px;max-width:800px;min-height:400px}.booking-card{border:1px solid var(--line);border-radius:10px;background:white;padding:25px;margin-bottom:15px;display:flex;align-items:center;gap:20px}.booking-card h3{margin:0 0 7px}.booking-card p{color:var(--muted);font-size:13px}.booking-card .booking-detail{flex:1}.empty-state{padding:50px 24px;border:1px dashed #cdd5c1;border-radius:12px;text-align:center;line-height:1.7}.empty-state h3{font-size:22px;margin:10px 0}.empty-state p{color:var(--muted);font-size:13px}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.activity-card{border:1px solid var(--line);border-radius:12px;padding:28px;background:white}.activity-card .class-icon{width:58px;height:58px}.activity-card h2{font-size:27px}.activity-card p{font-size:14px;color:var(--muted);line-height:1.7}.activity-meta{font-size:11px;color:#65705b;margin-bottom:20px}dialog{border:0;border-radius:16px;padding:35px;width:440px;max-width:calc(100% - 30px);box-shadow:0 25px 90px #0004;background:#fcfdf8;color:var(--ink)}dialog::backdrop{background:#101710b3;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;right:14px;border:none}.dialog-icon{margin:0 0 20px;width:55px;height:55px;border-radius:50%;background:#e0efc9;display:grid;place-items:center;font-size:26px}dialog h2{font-size:28px;letter-spacing:-.8px;margin:12px 0}dialog p{color:#69745f;font-size:13px;line-height:1.6}dialog label{display:block;margin-top:22px;font-size:12px;font-weight:600}dialog input{width:100%;border:1px solid #ccd5bf;border-radius:6px;padding:13px;margin:8px 0 5px;background:white}dialog .lime-button{width:100%;justify-content:space-between;margin-top:20px}.dialog-info{background:#edf2e6;padding:15px;border-radius:8px;margin:20px 0;line-height:1.8;font-size:13px}.dialog-note{font-size:10px!important}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#23311c;color:white;padding:16px 24px;border:1px solid #789954;border-radius:9px;font-size:13px;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}svg{width:20px;height:20px;display:block}#booking-dialog .success-code{font-family:monospace;letter-spacing:2px;font-size:16px;font-weight:bold}.danger{color:#a74833}.wide{width:100%}
@media(min-width:1450px){.hero{min-height:355px}.hero h2{font-size:72px}.hero-content{padding-top:36px}.class-card{padding:21px}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 17px}.shell{margin-left:205px}header{padding:0 28px}main{padding:30px 28px 0}.schedule-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.class-card{gap:10px;padding:14px 12px}.class-icon{display:none}.activity-card .class-icon{display:grid}.summary{padding:20px 16px}.class-time{min-width:61px;padding-right:10px}.class-info h3{font-size:15px}.class-action{min-width:75px}.reserve{padding:9px}.hero h2{font-size:57px}}@media(max-width:950px){.schedule-layout{grid-template-columns:1fr}.summary{display:none}.hero-art{width:49%}.hero-content{padding-left:27px}.hero-bottom{left:27px}.timezone{display:none}}@media(max-width:700px){.sidebar{width:100%;height:73px;inset:0 0 auto;padding:12px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:22px;gap:9px}.brand-symbol{font-size:39px}.brand-gym{font-size:8px;letter-spacing:3px}.side-label,.side-bottom,.nav-arrow,.nav .count{display:none}.sidebar nav{display:flex;gap:5px}.nav{width:43px;height:43px;overflow:hidden;font-size:0;padding:11px;gap:0;margin:0}.nav svg{width:21px;height:21px}.shell{margin-left:0;padding-top:73px}header{height:53px;padding:0 20px}.breadcrumb{font-size:9px;letter-spacing:.5px}.breadcrumb span{margin-left:8px}.demo-badge{padding:7px;font-size:7px;letter-spacing:.5px}main{padding:27px 20px 0}.heading-icon{display:none}h1{font-size:35px;letter-spacing:-1.2px}.subtitle{font-size:12px;line-height:1.6;margin-bottom:21px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero{min-height:310px}.hero-content{padding:26px 22px 56px}.hero h2{font-size:52px}.hero-tag{font-size:7px}.hero p{font-size:11px}.hero-art{width:49%;right:-25px;top:10px;opacity:.8}.dumbbell{width:160%;left:-35%;top:14px}.vertical-type{font-size:140px;top:90px;left:-60px}.hero-bottom{left:22px;right:18px;font-size:6px;letter-spacing:.7px}.hero-bottom span+span{display:none}.art-label{right:33px;font-size:6px}.hero .lime-button{gap:12px;font-size:11px;padding:10px 12px}.section-title{margin-top:29px}.section-title h2{font-size:21px}.days{gap:5px}.day{min-height:72px;font-size:9px;padding:8px 1px}.day strong{font-size:20px}.week-controls strong{font-size:12px}.week-controls .small{font-size:10px;margin-left:6px}.week-arrows{gap:4px}.week-arrows .icon-btn{width:38px;height:40px}.filters{margin:17px 0;gap:6px}.filter{font-size:10px;padding:8px 10px}.class-card{padding:15px 11px;gap:10px}.class-info h3{font-size:15px}.class-info p{font-size:9px}.class-time strong{font-size:19px}.class-time{min-width:56px;padding-right:10px}.class-info .level{margin:4px 0 0;font-size:8px}.class-action{min-width:72px}.class-action small{font-size:8px}.reserve{font-size:10px;min-height:40px}.activity-grid{grid-template-columns:1fr}.booking-card{padding:20px;display:block}.booking-card .reserve{margin-top:10px}footer{line-height:1.7;margin-top:32px}footer span+span{display:none}.activity-card{padding:24px}dialog{padding:29px 25px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
