*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--mf-green: #36C14A;--events-purple: #6B5CE7;--events-purple-light: #A89AF5;--dark: #080a0d;--white: #ffffff;--muted: rgba(255, 255, 255, .55)}html,body{height:100%;overflow:hidden;font-family:Poppins,sans-serif;background:var(--dark);color:var(--white);-webkit-font-smoothing:antialiased;background-size:cover;background-position:center}.hero{position:relative;height:100vh;overflow:hidden}.hero-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;padding-top:clamp(24px,5vh,52px);gap:10px;pointer-events:none}.hero-title{font-size:clamp(1.6rem,3vw,3.2rem);font-weight:900;font-style:italic;letter-spacing:.05em;text-transform:uppercase;transition:opacity .35s ease,transform .35s ease}.hero:has(.panel:hover) .hero-header{opacity:0;pointer-events:none;transition:opacity .3s ease}.hero-header{transition:opacity .3s ease}.hero-title.fading{opacity:0;transform:translateY(-10px)}.hero-subtitle{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#ffffff61}.hero-subtitle:before,.hero-subtitle:after{content:"";display:block;width:40px;height:1px;background:#ffffff38}.hero-panels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.panel{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:var(--white);overflow:hidden;cursor:pointer;transition:flex .65s cubic-bezier(.4,0,.2,1);background-image:url(https://ik.imagekit.io/7tf1rzrln/My%20Fitness/Landing/mf-bg.png);background-size:cover;background-position:center}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#060709ed;z-index:1;transition:opacity .65s ease}.panel--mf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,#145a1e8c,#0c3212b8,#050a06f0);z-index:1;opacity:0;transition:opacity .65s ease}.panel--events{background-image:url(https://ik.imagekit.io/7tf1rzrln/My%20Fitness/Landing/events-bg.png)}.panel--events:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,#0e0934b8,#090624e0,#050312f7);z-index:1;opacity:0;transition:opacity .65s ease}.panel--mf:hover:before,.panel--events:hover:before{opacity:0}.panel--mf:hover:after,.panel--events:hover:after{opacity:1}.hero-panels:has(.panel--mf:hover) .panel--mf{flex:3}.hero-panels:has(.panel--mf:hover) .panel--events{flex:1}.hero-panels:has(.panel--events:hover) .panel--events{flex:3}.hero-panels:has(.panel--events:hover) .panel--mf{flex:1}.panel-divider{display:none}.panel-idle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:1;transition:opacity .28s ease;pointer-events:none}.panel:hover .panel-idle{opacity:0}.panel-idle-logo{height:44px;width:auto;object-fit:contain}.panel-idle-label{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#ffffff59}.panel-idle-label:before,.panel-idle-label:after{content:"";display:block;width:22px;height:1px;background:#fff3}.panel-content{position:relative;z-index:2;padding:0 clamp(28px,3.6vw,52px) clamp(28px,5vh,52px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.2vh,14px);opacity:0;transform:translateY(16px);transition:opacity .4s ease .18s,transform .4s ease .18s;pointer-events:none}.panel:hover .panel-content{opacity:1;transform:translateY(0);pointer-events:auto}.panel-idle .panel-logo{display:block;height:clamp(52px,7vh,80px);width:auto;object-fit:contain}.panel-content .panel-logo{display:block;height:clamp(32px,4vh,48px);width:auto;object-fit:contain}.panel-content--events .panel-logo{object-position:right center}.panel-product-title{font-size:clamp(2rem,4vw,4.4rem);font-weight:900;line-height:.9;letter-spacing:-.01em;text-transform:uppercase}.panel-desc{font-size:.84rem;color:var(--muted);line-height:1.65;max-width:300px}.panel-features{list-style:none;display:flex;flex-direction:column;gap:9px}.panel-features li{font-size:.82rem;color:#ffffffb8;display:flex;align-items:center;gap:10px}.panel-features li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mf-green);flex-shrink:0}.panel-btn{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;letter-spacing:.06em;padding:12px 26px;border-radius:6px;width:fit-content;margin-top:6px;transition:transform .2s ease}.panel-btn--mf{background:var(--mf-green);color:#061008}.panel--mf:hover .panel-btn--mf{transform:translate(4px)}.panel-content--events{align-items:flex-end;text-align:right}.panel-desc--events{text-align:right}.panel-features--events li{flex-direction:row-reverse;justify-content:flex-start}.panel-features--events li:before{background:var(--events-purple-light)}.panel-btn--events{background:var(--events-purple);color:var(--white);padding:14px 32px}.panel--events:hover .panel-btn--events{transform:translate(-4px)}.hero-footer{position:absolute;bottom:24px;left:0;right:0;z-index:10;display:flex;justify-content:center;pointer-events:none}.scroll-hint{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff47;white-space:nowrap}@media (max-height: 820px) and (min-width: 769px){.hero-title{font-size:clamp(1.4rem,2.6vw,2.6rem)}.panel-product-title{font-size:clamp(1.8rem,3.2vw,3.2rem)}.panel-desc{font-size:.78rem}.panel-features li{font-size:.76rem}.panel-btn{padding:9px 20px;font-size:.76rem}.panel-btn--events{padding:10px 24px}}@media (max-width: 768px){html,body{overflow:auto}.hero{position:static;height:auto;min-height:100svh;display:flex;flex-direction:column}.hero-header{position:static;padding:44px 20px 20px;pointer-events:auto}.hero-panels{position:static;flex-direction:column;flex:1}.panel{flex:none!important;min-height:52svh;transition:none}.panel-idle{display:none}.panel-content{opacity:1;transform:none;transition:none;pointer-events:auto;padding:0 24px 36px}.panel-content--events{align-items:flex-start;text-align:left}.panel-features--events li{flex-direction:row}.panel-product-title{font-size:clamp(2.2rem,9vw,3.2rem)}.panel-divider{position:static;width:auto;height:1px}.hero-footer{position:static;padding:16px 0 20px;pointer-events:auto;opacity:1}}