:root{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth}:root{--color-primary: #f20f3a;--color-secondary: #0875cf;--color-primary-rgb: 242 15 58;--color-secondary-rgb: 8 117 207;--color-text-rgb: 20 52 91;--color-surface-rgb: 255 255 255;--color-accent: #202f89;--color-bg: #eaf4ff;--color-text: #14345b;--color-surface: #ffffff;--color-surface-hover: #dcecff;--color-text-strong: #435872;--color-text-muted: #64748b;--color-text-disabled: #8aa0ba;--color-text-on-dark: #ffffff;--color-success: #16a34a;--color-success-dark: #15803d;--color-warning: #f59e0b;--color-danger: #ef4444;--color-whatsapp: #25d366;--color-nav-surface: rgb(4, 71, 130);--color-hero-overlay-rgb: 4 83 153;--color-scrim-rgb: 0 0 0;--color-secondary-dark: #055295;--color-primary-dark: #d90429;--color-whatsapp-dark: #1ebe5a;--color-danger-tint: #fff7f8;--color-warning-tint: #fff8ed;--color-warning-border: #fcd9a4;--color-warning-text: #92590b;--color-tint: #f5f9fe;--color-link-on-dark: #dbeafe;--color-link-on-dark-dim: #bfdbfe;--color-card: #fbfdff;--color-card-border: #cfe0f2;--color-card-selected: #fff5f7;--color-hairline: #dce7f4;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", sans-serif;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-lg-plus: 1.0625rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-16: 4rem;--radius-xs: 2px;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: .875rem;--radius-2xl: 1rem;--radius-3xl: 24px;--radius-xs2: .4rem;--radius-hair: 1px;--radius-pill-sm: 2rem;--radius-pill: 9999px;--radius-circle: 50%;--shadow-focus-input: 0 0 0 3px rgba(8, 117, 207, .15);--shadow-focus-card: 0 0 0 3px rgba(8, 117, 207, .2);--shadow-card: 0 6px 28px rgba(20, 52, 91, .06);--shadow-card-raised: 0 6px 28px rgb(var(--color-text-rgb) / .08);--shadow-check: inset 0 0 0 .25rem var(--color-primary);--border-hairline: 1px;--border-card: 1.5px;--border-selected: 2px;--border-focus: 3px;--border-accent: 4px;--shadow-md: 0 6px 20px rgba(20, 52, 91, .08);--shadow-lg: 0 12px 32px rgba(4, 45, 88, .18);--shadow-xl: 0 16px 38px rgba(4, 45, 88, .24);--shadow-primary-lg: 0 6px 18px rgba(242, 15, 58, .45);--shadow-whatsapp: 0 4px 20px rgba(37, 211, 102, .45);--shadow-danger: 0 4px 20px rgba(220, 38, 38, .5);--text-3xl-plus: 1.375rem;--text-4xl: 1.625rem;--text-5xl: 1.75rem;--text-6xl: 1.875rem;--text-7xl: 2rem;--transition-fast: .2s ease;--transition-accordion: .3s cubic-bezier(.32, .72, 0, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s ease;--transition-fade: .4s ease;--transition-hero: .8s cubic-bezier(.2, .8, .2, 1);--fade-out-duration: .55s;--fade-in-duration: .28s;--ease-in-out-soft: cubic-bezier(.33, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{background-color:transparent;color:var(--color-text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;flex:1;overscroll-behavior:none;position:relative;margin:0;padding:0}.glass-panel{background:var(--color-surface);border:var(--border-hairline) solid rgb(var(--color-secondary-rgb) / .2);padding:var(--space-8);border-radius:var(--radius-3xl)}.glass-panel>*:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-accent);line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(3rem,5vw,5rem);margin-bottom:var(--space-4)}h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:var(--space-8)}h3{font-size:var(--text-3xl);margin-bottom:var(--space-2);color:var(--color-text-on-dark)}p{color:var(--color-text-strong);font-size:var(--text-xl);max-width:65ch;margin-bottom:var(--space-8)}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;height:3rem;padding:0 var(--space-6);border:0 solid transparent;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;line-height:1;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-dark)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-danger);background-image:linear-gradient(135deg,var(--color-primary),var(--color-danger))}.btn-secondary{background:rgb(var(--color-surface-rgb) / .14);border:var(--border-hairline) solid rgb(var(--color-surface-rgb) / .75);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff}.btn-secondary:hover{background:rgb(var(--color-surface-rgb) / .15);border-color:rgb(var(--color-surface-rgb) / .5);transform:translateY(-2px)}header{position:fixed;top:0;width:100%;z-index:1000;background:var(--color-nav-surface);border-bottom:var(--border-hairline) solid rgb(var(--color-surface-rgb) / .18)}header nav{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;font-size:var(--text-3xl);font-weight:800;font-family:var(--font-heading);letter-spacing:-.02em;color:#fff}.logo img{height:50px;width:auto;margin-right:var(--space-2);border-radius:var(--radius-circle)}.nav-links{display:flex;gap:var(--space-6);align-items:center}.nav-links a,.nav-trigger{color:#fff;font-size:var(--text-md);font-weight:500}.nav-trigger{background:none;border:0;padding:0;font-family:inherit;cursor:pointer;transition:opacity var(--transition-fast)}.nav-links a:hover,.nav-trigger:hover,.nav-trigger[aria-expanded=true]{opacity:.7}.nav-links a.active{color:var(--color-primary)!important;font-weight:700}.nav-flyout{display:grid;grid-template-rows:0fr;overflow:hidden;background:var(--color-nav-surface);transition:grid-template-rows var(--transition-accordion)}.nav-flyout>*{min-height:0;overflow:hidden}.nav-flyout[hidden]{display:none}.nav-flyout.open{grid-template-rows:1fr}.nav-panel[hidden]{display:none}.nav-panel-inner{display:flex;gap:var(--space-16);padding:2.5rem 0 3rem;padding-left:62px}.nav-panel-featured{display:flex;flex-direction:column;gap:var(--space-3);width:11rem;flex:none}.nav-flyout.open .nav-panel-featured a,.nav-flyout.open .nav-panel-col>*{animation:nav-item-in .4s cubic-bezier(.32,.72,0,1) backwards}.nav-flyout.open .nav-panel-featured a:nth-child(1){animation-delay:.06s}.nav-flyout.open .nav-panel-featured a:nth-child(2){animation-delay:.1s}.nav-flyout.open .nav-panel-featured a:nth-child(3){animation-delay:.14s}.nav-flyout.open .nav-panel-featured a:nth-child(4){animation-delay:.18s}.nav-flyout.open .nav-panel-featured a:nth-child(5){animation-delay:.22s}.nav-flyout.open .nav-panel-featured a:nth-child(6){animation-delay:.26s}.nav-flyout.open .nav-panel-col>*:nth-child(1){animation-delay:.1s}.nav-flyout.open .nav-panel-col>*:nth-child(2){animation-delay:.14s}.nav-flyout.open .nav-panel-col>*:nth-child(3){animation-delay:.18s}.nav-flyout.open .nav-panel-col>*:nth-child(4){animation-delay:.22s}.nav-flyout.open .nav-panel-col>*:nth-child(5){animation-delay:.26s}@keyframes nav-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.nav-feature-link{font-size:var(--text-md);color:var(--color-text-on-dark);transition:color var(--transition-fast)}.nav-feature-link:hover{color:var(--color-link-on-dark-dim)}.nav-panel-col{display:flex;flex-direction:column;gap:var(--space-3)}.nav-col-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;color:rgb(var(--color-surface-rgb) / .55);margin:0}.nav-col-link{font-size:var(--text-md);color:var(--color-text-on-dark);transition:color var(--transition-fast)}.nav-col-link:hover{color:var(--color-link-on-dark-dim)}.nav-feature-link.active,.nav-col-link.active{color:var(--color-primary)}.nav-scrim{position:fixed;inset:0;z-index:999;background:rgb(var(--color-scrim-rgb) / .45);opacity:0;transition:opacity var(--transition-fade)}.nav-scrim[hidden]{display:none}.nav-scrim.open{opacity:1}.lang-toggle{display:flex;align-items:center;gap:var(--space-2);height:2.5rem;font-size:var(--text-base);font-weight:600;cursor:pointer;padding:0 var(--space-4);border:var(--border-hairline) solid rgb(var(--color-surface-rgb) / .1);border-radius:var(--radius-pill-sm);transition:var(--transition-fast)}.lang-toggle:hover{border-color:rgb(var(--color-surface-rgb) / .3);background:rgb(var(--color-surface-rgb) / .05)}.lang-toggle span{color:var(--color-link-on-dark-dim);transition:var(--transition-fast)}.lang-toggle span.active,html[data-lang=en] .lang-en,html[data-lang=ms] .lang-ms{color:var(--color-text-on-dark)}.lang-toggle span.no-transition{transition:none!important}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);z-index:1001}.mobile-menu-btn span{display:block;width:24px;height:2px;background-color:#fff;margin:var(--space-1) 0;transition:.3s}@media(max-width:768px){.mobile-menu-btn{display:block}.logo{font-size:var(--text-2xl)}.nav-links{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);height:calc(100dvh - 80px);background:var(--color-nav-surface);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:var(--space-6) var(--space-4) 3rem;overflow-y:auto;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--transition-slow),transform var(--transition-slow)}.nav-links.active{opacity:1;transform:none;pointer-events:auto}.nav-links>a,.nav-trigger{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em;text-align:left;padding:var(--space-3) 0;border-bottom:var(--border-hairline) solid rgb(var(--color-surface-rgb) / .12)}.nav-trigger{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-trigger:after{content:"";width:9px;height:9px;border-right:var(--border-selected) solid rgb(var(--color-surface-rgb) / .6);border-bottom:var(--border-selected) solid rgb(var(--color-surface-rgb) / .6);transform:rotate(-45deg);transition:transform var(--transition-slow)}.nav-trigger[aria-expanded=true]:after{transform:rotate(45deg)}.nav-trigger:hover,.nav-trigger[aria-expanded=true]{opacity:1}.nav-flyout{display:none}.nav-links .nav-panel{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-accordion)}.nav-links .nav-panel>*{min-height:0;overflow:hidden}.nav-links .nav-panel.open{grid-template-rows:1fr}.nav-links .nav-panel.is-open-settled,.nav-links .nav-panel.is-open-settled>*{overflow:visible}.nav-links .nav-panel-inner{display:block;padding:0 0 0 var(--space-2)}.nav-links .nav-panel.open .nav-panel-inner{padding-top:var(--space-3);padding-bottom:var(--space-4)}.nav-links .nav-panel-featured,.nav-links .nav-panel-col{gap:var(--space-2);padding-top:0;width:auto}.nav-links .nav-panel-col{margin-top:var(--space-4)}.nav-links .nav-feature-link,.nav-links .nav-col-link{font-size:var(--text-lg-plus);font-weight:400;padding:var(--space-1) 0}.nav-links .lang-toggle{margin-top:var(--space-6);align-self:flex-start}.nav-scrim{display:none}}@media(prefers-reduced-motion:reduce){.nav-flyout,.nav-links,.nav-links .nav-panel,.nav-scrim{transition:none}.nav-flyout.open .nav-panel-featured a,.nav-flyout.open .nav-panel-col>*{animation:none}}.hero{min-height:84vh;min-height:84dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:80px;background:linear-gradient(to bottom,rgb(var(--color-hero-overlay-rgb) / .5),rgb(var(--color-secondary-rgb) / .88)),url(/hero-mjfa-training.png);background-color:var(--color-nav-surface);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-solo{min-height:100vh;min-height:100dvh}.hero-content{max-width:800px;position:relative;z-index:1;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);text-align:center;margin:0 auto}.hero-content h1,.hero-content p{color:#fff}.hero-content p{margin-inline:auto}.hero-tagline{font-family:var(--font-heading);font-size:var(--text-lg);font-style:italic;letter-spacing:.02em;color:#ffffffe6;margin-bottom:var(--space-8)}.accredited-band,.sponsor-band,.promo-band{text-align:center}.accredited-band,.promo-band,.sponsor-band{padding-top:var(--space-8);padding-bottom:var(--space-8)}.accredited-band{padding-top:var(--space-16)}.sponsor-band{padding-bottom:var(--space-16)}.accredited-band h2,.sponsor-band h2,.promo-band h2{margin-bottom:var(--space-2)}.accredited-band .section-lead,.sponsor-band .section-lead,.promo-band .section-lead{margin-top:0;margin-inline:auto}.badge-strip-label{display:block;margin:var(--space-8) 0 var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-strong)}.badge-strip{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3)}.badge-strip li{display:flex;align-items:center;justify-content:center;height:3.25rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.badge-strip img{height:100%;width:auto;object-fit:contain}.badge-strip-dark li{background:#ffffffeb}.badge-strip-light li{background:var(--color-card);border:var(--border-hairline) solid var(--color-card-border)}.sponsor-band .badge-strip li{height:6.5rem;padding:0}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.reveal{opacity:0;transform:translateY(30px);transition:all var(--transition-hero)}.reveal.active{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.hero-content>*{opacity:0;animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) forwards}.hero-content h1{animation-delay:.1s}.hero-content p{animation-delay:.2s}.hero-tagline{animation-delay:.3s}.hero-actions{animation-delay:.5s}.hero-content a{display:inline-flex}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80vw;height:80vw;background:radial-gradient(circle,rgb(var(--color-primary-rgb) / .24),rgb(var(--color-primary-rgb) / 0) 70%);border-radius:var(--radius-circle);z-index:0;pointer-events:none;animation:pulse-glow 8s ease-in-out infinite alternate}.hero-content{max-width:800px}section{padding:var(--space-16) 0;margin:0}.promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.promo-card{position:relative;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:16 / 9;padding-bottom:var(--space-6);background:var(--color-secondary-dark);background-size:cover;background-position:center;overflow:hidden;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.promo-card:hover,.promo-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.promo-card-jersey{background-image:url(/promo-jersey.jpg)}.promo-card-kits{background-image:url(/promo-kits.jpg)}.promo-card-sponsor{background-image:url(/promo-sponsor.jpg)}.promo-card-hiring{background-image:url(/promo-hiring.jpg)}@media(max-width:768px){.promo-grid{grid-template-columns:1fr}}.stat-band{background:var(--color-secondary-dark)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);text-align:center}.stat{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;transition:transform var(--transition-fast)}.stat:hover{transform:translateY(-2px)}.stat-num{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;line-height:1}.stat-label{font-size:var(--text-sm);color:#ffffffbf}@media(max-width:600px){.stat-grid{grid-template-columns:1fr;gap:var(--space-6)}}.home-cta{margin-top:var(--space-8)}.home-cta-lead{margin:0 auto var(--space-4);font-size:var(--text-lg);font-weight:600;color:var(--color-text-strong)}main{flex:1;display:flex;flex-direction:column}.section-dark{background:var(--color-surface)}.section-lead{max-width:65ch;margin:calc(var(--space-8) * -.5) 0 var(--space-8)}.why-block+.why-block{margin-top:var(--space-16)}.why-block h2{font-size:var(--text-7xl);margin-bottom:var(--space-6)}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--space-6)}.proof{margin:0}.proof img{width:100%;height:auto;aspect-ratio:1000 / 1230;object-fit:contain;display:block;border:var(--border-hairline) solid var(--color-card-border);border-radius:var(--radius-xl);background:var(--color-card)}.proof figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-strong);text-align:center}.credentials{margin:var(--space-6) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--space-4)}.credentials dt{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-strong)}.credentials dd{margin:var(--space-1) 0 0;font-weight:600;color:var(--color-text)}.why-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:var(--space-2) var(--space-6)}.why-list li{display:flex;align-items:baseline;gap:var(--space-2);color:var(--color-text-strong)}.why-list li:before{content:"✓";color:var(--color-success);font-weight:700;flex-shrink:0}.schedule-block+.schedule-block{margin-top:var(--space-16)}.schedule-block h2{font-size:var(--text-7xl);margin-bottom:var(--space-6)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-4)}.slot-card{padding:var(--space-6);background:var(--color-card);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-2xl)}.slot-card h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--color-text)}.slot-times{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.slot-times li{padding:var(--space-1) var(--space-3);background:var(--color-tint);border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:600;color:var(--color-secondary-dark)}.duration-value{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:800;color:var(--color-secondary);margin:0}.schedule-note{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--color-text-strong)}.venue-grid{list-style:none;padding:0;margin:0;counter-reset:venue;display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--space-3)}.venue-grid>li{counter-increment:venue;display:flex}.venue-card{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-4) var(--space-4) 3.25rem;position:relative;background:var(--color-card);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-xl);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.venue-card:hover{border-color:var(--color-secondary);background:var(--color-tint);transform:translateY(-2px);box-shadow:var(--shadow-md)}.venue-card:focus-visible{outline:var(--border-focus) solid var(--color-secondary);outline-offset:var(--border-hairline)}.venue-card:before{content:counter(venue);position:absolute;left:var(--space-4);top:var(--space-4);width:1.5rem;height:1.5rem;display:grid;place-items:center;background:var(--color-secondary);color:var(--color-text-on-dark);border-radius:var(--radius-circle);font-size:var(--text-2xs);font-weight:700}.venue-name{font-weight:600;color:var(--color-text);line-height:1.3}.venue-state{font-size:var(--text-xs);color:var(--color-text-strong)}.venue-map{margin-top:auto;padding-top:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--color-secondary-dark)}.venue-pin{width:.875rem;height:.875rem;flex:0 0 auto;fill:currentColor}.page-cta{margin-top:var(--space-16);padding-top:var(--space-8);border-top:var(--border-hairline) solid var(--color-card-border);text-align:center}.page-cta p{margin:0 auto var(--space-4);color:var(--color-text-strong)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.card{background:var(--color-card);border:var(--border-card) solid var(--color-card-border);padding:var(--space-8);border-radius:var(--radius-2xl);transition:var(--transition-smooth)}.card:hover{background:var(--color-tint);border-color:var(--color-primary);transform:translateY(-5px)}.card h3{color:var(--color-text);margin-bottom:var(--space-2)}.card p{font-size:var(--text-lg);margin-bottom:0}.expertise-ai:hover{border-color:var(--color-primary)}.expertise-academy:hover{border-color:var(--color-accent)}.expertise-media:hover{border-color:#fff}footer{border-top:var(--border-accent) solid var(--color-primary);padding:3rem 0;margin-top:auto;background:var(--color-secondary-dark);position:relative;z-index:10}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4) var(--space-8);color:var(--color-link-on-dark);font-size:var(--text-base)}.footer-left,.footer-right{display:flex;flex-direction:column;gap:var(--space-1)}.footer-right{text-align:right}.footer-left p,.footer-right p{margin:0;font-size:var(--text-base);color:var(--color-link-on-dark)}#music-content .container{max-width:880px}.track-list{display:grid;margin:0;padding:0;list-style:none}.track-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-6);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-bottom:var(--border-hairline) solid rgb(var(--color-secondary-rgb) / .14);border-radius:var(--radius-md);transition:var(--transition-fast)}.track-row:last-child{border-bottom:0}.track-row:hover,.track-row:focus-within{background:var(--color-surface-hover)}.track-play{display:grid;min-width:0;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-3) 0 var(--space-3) var(--space-3);border:0;background:transparent;color:inherit;font-family:var(--font-sans);text-align:left;cursor:pointer}.track-play:focus-visible{border-radius:var(--radius-md);outline:var(--border-focus) solid rgb(var(--color-secondary-rgb) / .45);outline-offset:var(--border-selected)}.track-index,.track-triangle,.track-equalizer{grid-area:1 / 1;justify-self:center}.track-index{color:rgb(var(--color-text-rgb) / .5);font-size:var(--text-md);font-variant-numeric:tabular-nums}.track-triangle{width:1.1rem;height:1.1rem;fill:var(--color-secondary);opacity:0}.track-row:hover .track-index,.track-row:focus-within .track-index{opacity:0}.track-row:hover .track-triangle,.track-row:focus-within .track-triangle{opacity:1}.track-title{overflow:hidden;font-family:var(--font-heading);font-size:var(--text-lg-plus);font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.track-duration{min-width:3ch;color:rgb(var(--color-text-rgb) / .55);font-size:var(--text-md);font-variant-numeric:tabular-nums;text-align:right}.track-actions{display:flex;align-items:center;gap:var(--space-1)}.track-share,.track-download{position:relative;display:grid;width:2.25rem;height:2.25rem;place-items:center;padding:0;border:0;border-radius:var(--radius-circle);background:transparent;color:rgb(var(--color-text-rgb) / .55);cursor:pointer;transition:var(--transition-fast)}.track-share:hover,.track-share:focus-visible{background:var(--color-secondary);color:#fff}.track-share:focus-visible{outline:var(--border-focus) solid rgb(var(--color-secondary-rgb) / .45);outline-offset:var(--border-selected)}.track-share svg,.track-download svg{width:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.track-download:hover,.track-download:focus-visible{background:var(--color-primary);color:#fff}.track-download:focus-visible{outline:var(--border-focus) solid rgb(var(--color-secondary-rgb) / .45);outline-offset:var(--border-selected)}.track-share.is-copied:after{content:attr(data-copied);position:absolute;bottom:calc(100% + .4rem);left:50%;z-index:5;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs2);background:var(--color-text);color:#fff;font-size:var(--text-xs);font-weight:600;white-space:nowrap;translate:-50% 0;animation:track-copied 1.8s ease forwards;pointer-events:none}@keyframes track-copied{0%{opacity:0;translate:-50% 4px}15%,80%{opacity:1;translate:-50% 0}to{opacity:0;translate:-50% 0}}.track-row.is-current{background:rgb(var(--color-secondary-rgb) / .08)}.track-row.is-current .track-index,.track-row.is-current .track-title{color:var(--color-primary)}.track-equalizer{display:none;align-items:flex-end;height:1rem;gap:var(--space-1)}.track-row.is-playing .track-equalizer{display:flex}.track-row.is-playing .track-index,.track-row.is-playing .track-triangle{opacity:0}.track-equalizer i{width:3px;height:100%;border-radius:var(--radius-hair);background:var(--color-primary);animation:track-equalizer .9s ease-in-out infinite}.track-equalizer i:nth-child(2){animation-delay:.3s}.track-equalizer i:nth-child(3){animation-delay:.15s}@keyframes track-equalizer{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.track-equalizer i{animation-duration:2s}}@media(max-width:600px){.track-play{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-2);padding-left:var(--space-1)}.track-row{gap:var(--space-4);padding-right:var(--space-1)}.track-title{font-size:var(--text-md)}}.song-selector{position:fixed;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);z-index:1000;display:grid;width:auto;max-width:330px;margin-left:auto;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:var(--border-hairline) solid rgb(var(--color-secondary-rgb) / .18);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);transition:var(--transition-smooth)}.song-selector:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.song-cycle{display:grid;min-width:0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:0;border:0;background:transparent;color:inherit;font-family:var(--font-sans);text-align:left;cursor:pointer}.song-cycle:focus-visible{border-radius:var(--radius-pill);outline:var(--border-focus) solid rgb(var(--color-secondary-rgb) / .45);outline-offset:var(--border-accent)}#song-waveform{display:block;width:100%;height:2.25rem}.song-info{display:block;min-width:0;overflow:hidden}#song-title{display:block;overflow:hidden;color:var(--color-text);font-family:var(--font-heading);font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.song-hint{display:block;margin-top:var(--space-1);overflow:hidden;color:rgb(var(--color-text-rgb) / .6);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.song-download{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:var(--radius-circle);background:var(--color-primary);color:#fff;line-height:1;text-decoration:none;transition:var(--transition-smooth)}.song-download:hover,.song-download:focus-visible{background:var(--color-primary-dark);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-primary-lg)}.song-download:focus-visible{outline:var(--border-focus) solid rgb(var(--color-secondary-rgb) / .45);outline-offset:var(--border-focus)}.song-download svg{width:1.35rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}@media(max-width:600px){.song-selector{gap:var(--space-2);padding-left:var(--space-3)}.song-cycle{gap:var(--space-2)}}#network-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.song-selector{transition:opacity var(--fade-in-duration) var(--ease-out-expo),visibility 0s,transform var(--transition-smooth),box-shadow var(--transition-smooth);will-change:opacity}.song-selector.is-tucked{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--fade-out-duration) var(--ease-in-out-soft),visibility 0s var(--fade-out-duration)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.join-hero{padding:9rem 0 3rem;text-align:center;background:linear-gradient(160deg,var(--color-accent),var(--color-secondary));color:var(--color-text-on-dark)}.join-hero h1{color:var(--color-text-on-dark);margin-bottom:var(--space-3)}.join-hero p{color:rgb(var(--color-surface-rgb) / .88);max-width:34rem;margin:0 auto}.join-section{padding:0 0 calc(var(--space-16) + var(--space-6));background:var(--color-bg)}.join-container{max-width:720px}.join-progress{position:relative;margin-top:-1.75rem;margin-bottom:var(--space-10);background:var(--color-surface);border:var(--border-hairline) solid rgb(var(--color-secondary-rgb) / .18);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-6) var(--space-4);box-shadow:var(--shadow-card-raised)}.join-progress .steps{display:flex;justify-content:space-between;list-style:none;padding:0;margin:0 0 var(--space-4)}.join-progress .step{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-base);font-weight:600;transition:color var(--transition-fast)}.step-dot{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:0 0 1.75rem;border-radius:var(--radius-circle);background:var(--color-hairline);color:var(--color-text-strong);font-size:var(--text-sm);font-weight:700;transition:background var(--transition-fast),color var(--transition-fast)}.step.is-active{color:var(--color-text)}.step.is-active .step-dot{background:var(--color-primary);color:var(--color-text-on-dark)}.step.is-done{color:var(--color-secondary)}.step.is-done .step-dot{background:var(--color-secondary);color:var(--color-text-on-dark)}.join-progress-single{padding-bottom:var(--space-4)}.join-progress-single .steps{margin-bottom:0}.progress-track{height:4px;border-radius:var(--radius-xs);background:var(--color-hairline);overflow:hidden}.progress-fill{height:100%;width:100%;border-radius:var(--radius-xs);background:var(--color-primary);transform:scaleX(.25);transform-origin:left center;transition:transform var(--transition-smooth)}.join-form{background:var(--color-surface);border:var(--border-hairline) solid rgb(var(--color-secondary-rgb) / .18);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-card)}.form-step{border:0;padding:0;margin:0}.form-step[hidden]{display:none}.form-step h2{font-size:var(--text-3xl);margin-bottom:var(--space-1);text-align:left}.step-desc{color:var(--color-text-muted);font-size:var(--text-md);margin-bottom:var(--space-8)}.field-group{margin-bottom:var(--space-8)}.form-step>*:last-child,.field-group>*:last-child{margin-bottom:0}.field-row>.field{margin-bottom:0;min-width:0}.field{margin-bottom:var(--space-4)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.join-form [hidden]{display:none!important}.field-label{display:block;font-weight:600;font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--space-2)}.number-choices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.number-choice{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--space-1)}.join-form .number-choices input[type=text]{width:3.25rem;flex:0 0 3.25rem;padding:var(--space-3) var(--space-1);text-align:center;font-weight:600}.number-rank{font-size:var(--text-2xs);font-weight:700;color:var(--color-text-strong)}.field-hint{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-2)}.join-form input[type=text],.join-form input[type=email],.join-form input[type=tel],.join-form input[type=date],.join-form input[type=number],.join-form textarea{width:100%;min-width:0;font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text);background:var(--color-card);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.join-form textarea{resize:vertical;min-height:5rem}.join-form input:focus,.join-form textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:var(--shadow-focus-input)}.join-form input.is-invalid,.join-form textarea.is-invalid{border-color:var(--color-primary);background:var(--color-danger-tint)}.field-error{display:none;color:var(--color-primary);font-size:var(--text-sm);font-weight:500;margin:var(--space-2) 0 0}.field-error.is-shown{display:block}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:var(--space-3)}.category-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-2);background:var(--color-card);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.category-card input{position:absolute;opacity:0;pointer-events:none}.category-card:hover{border-color:var(--color-secondary);transform:translateY(-2px)}.cat-age{font-family:var(--font-heading);font-size:var(--text-3xl-plus);font-weight:800;color:var(--color-accent);line-height:1.1}.cat-years{font-size:var(--text-xs);color:var(--color-text-muted)}.category-card:has(input:checked){border-color:var(--color-primary);background:var(--color-card-selected)}.category-card:has(input:checked) .cat-age{color:var(--color-primary)}.category-card:has(input:focus-visible){box-shadow:var(--shadow-focus-card)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{position:relative;padding:var(--space-2) var(--space-4);background:var(--color-card);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-pill);font-size:var(--text-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.chip input{position:absolute;opacity:0;pointer-events:none}.chip:hover{border-color:var(--color-secondary)}.chip:has(input:checked){border-color:var(--color-primary);background:var(--color-card-selected);color:var(--color-primary);font-weight:600}.chip-other{margin-top:var(--space-2)}.chip-other[hidden]{display:none}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:var(--space-4)}.package-card{position:relative;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6) var(--space-4) var(--space-4);background:var(--color-card);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.package-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.package-card:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.package-card:has(input:checked){border-color:var(--color-primary);background:var(--color-card-selected);outline:var(--border-card) solid var(--color-primary);outline-offset:calc(var(--border-card) * -1)}.package-card:has(input:focus-visible){box-shadow:var(--shadow-focus-card)}.pkg-flag{position:absolute;top:-.6rem;left:1rem;background:var(--color-secondary);color:var(--color-text-on-dark);font-size:var(--text-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill)}.set-group+.set-group{margin-top:var(--space-6)}.set-group-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.package-card.is-stepper{cursor:default}.package-card.is-stepper.has-qty{border-color:var(--color-primary);background:var(--color-card-selected);outline:var(--border-card) solid var(--color-primary);outline-offset:calc(var(--border-card) * -1)}.package-card.is-stepper.has-qty .pkg-price{color:var(--color-primary)}.package-card.is-stepper .pkg-price-unit{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.kit-promo-banner{display:block;width:100%;height:auto;margin:0 0 var(--space-6)}.qty-stepper{display:inline-flex;align-items:stretch;align-self:flex-start;margin-top:var(--space-3);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.package-card .qty-stepper input[type=number]{width:3rem;flex:0 0 3rem;padding:var(--space-2) 0;border:0;border-radius:0;background:transparent;font-family:var(--font-heading);font-size:var(--text-lg-plus);font-weight:700;color:var(--color-text);text-align:center;appearance:textfield;-moz-appearance:textfield}.package-card .qty-stepper input[type=number]:focus{outline:none;box-shadow:none}.qty-stepper input::-webkit-outer-spin-button,.qty-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.qty-btn{display:grid;place-items:center;width:2.5rem;flex:0 0 2.5rem;border:0;background:var(--color-tint);color:var(--color-secondary);font-size:var(--text-2xl);font-weight:700;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.qty-btn:first-child{border-right:var(--border-card) solid var(--color-card-border)}.qty-btn:last-child{border-left:var(--border-card) solid var(--color-card-border)}.qty-btn:hover,.qty-btn:active{background:var(--color-secondary);color:var(--color-text-on-dark)}.package-card.has-qty .qty-stepper{border-color:var(--color-primary)}.package-card.has-qty .qty-btn:first-child{border-right-color:var(--color-primary)}.package-card.has-qty .qty-btn:last-child{border-left-color:var(--color-primary)}.pkg-flag-save{background:var(--color-primary)}.pkg-name{font-family:var(--font-heading);font-size:var(--text-lg-plus);font-weight:700;color:var(--color-text)}.pkg-price{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:800;color:var(--color-accent);line-height:1.1}.pkg-price small{font-size:var(--text-md);font-weight:600;margin-right:var(--space-1)}.pkg-price s{font-size:var(--text-lg);font-weight:500;color:var(--color-text-disabled);margin-left:var(--space-1)}.package-card:has(input:checked) .pkg-price{color:var(--color-primary)}.pkg-desc{font-size:var(--text-base);color:var(--color-text-muted)}.pkg-unit{font-size:var(--text-sm);font-weight:600;color:var(--color-secondary)}.pkg-note{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.pkg-note.is-waived{color:var(--color-success);font-weight:600}.pkg-incl{margin:var(--space-2) 0 0;padding:var(--space-2) 0 0;border-top:var(--border-hairline) solid var(--color-card-border);list-style:none;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs)}.pkg-incl li{display:flex;align-items:baseline;gap:var(--space-2);color:var(--color-text-strong)}.pkg-incl li:before{content:"✓";color:var(--color-success);font-weight:700;flex-shrink:0}.pkg-incl-title{display:inline-flex;align-self:flex-start;margin:var(--space-2) 0 0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-success-dark);color:var(--color-text-on-dark);font-size:var(--text-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pkg-incl-title+.pkg-incl{border-top:0;padding-top:var(--space-1)}.pkg-incl-value{margin-left:auto;color:var(--color-text);font-weight:600}.consent-title{margin:var(--space-8) 0 var(--space-4);font-size:var(--text-xl);color:var(--color-text)}.consent{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-md);line-height:1.55;color:var(--color-text-strong);cursor:pointer}.consent input[type=checkbox]{flex:0 0 auto;width:1.15rem;height:1.15rem;margin-top:var(--space-1);accent-color:var(--color-primary);cursor:pointer}.legal-details{margin:var(--space-2) 0 0 var(--space-8)}.legal-details summary{font-size:var(--text-sm);color:var(--color-secondary);cursor:pointer;font-weight:600}.legal-body{margin-top:var(--space-3);max-height:min(22rem,55vh);overflow-y:auto;padding:var(--space-4) var(--space-4);background:var(--color-tint);border:var(--border-hairline) solid var(--color-hairline);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.6;color:var(--color-text-strong)}.legal-body p{margin-bottom:var(--space-3);font-size:inherit}.legal-body .legal-issuer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--border-hairline) solid var(--color-hairline);font-weight:600;color:var(--color-text)}.form-nav{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-hairline) solid var(--color-hairline)}.form-nav-spacer{flex:1}.form-nav .btn[hidden]{display:none}.form-nav .btn-secondary{color:var(--color-text);border:var(--border-card) solid var(--color-card-border)}.btn[aria-busy=true]{opacity:.7;pointer-events:none}.join-success{background:var(--color-surface);border:var(--border-hairline) solid rgb(var(--color-secondary-rgb) / .18);border-radius:var(--radius-2xl);padding:2.5rem var(--space-8);text-align:center;box-shadow:var(--shadow-card)}.join-success[hidden]{display:none}.success-mark{width:3.5rem;height:3.5rem;margin:0 auto var(--space-4);display:grid;place-items:center;border-radius:var(--radius-circle);background:var(--color-warning)}.success-mark svg{width:1.75rem;height:1.75rem;fill:none;stroke:var(--color-surface);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.join-success h2{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.success-desc{color:var(--color-text-muted);margin-bottom:var(--space-6)}.pay-card{text-align:left;background:var(--color-tint);border:var(--border-hairline) solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.pay-card h3{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text)}.pay-amount{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:var(--border-hairline) dashed var(--color-card-border)}.pay-amount-label{font-size:var(--text-sm);color:var(--color-text-muted)}.pay-amount-value{font-family:var(--font-heading);font-size:var(--text-7xl);font-weight:800;color:var(--color-primary);line-height:1.1}.pay-amount-break{font-size:var(--text-sm);color:var(--color-text-muted)}.pay-account{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.pay-account-text{display:flex;flex-direction:column;gap:var(--space-1)}.pay-bank{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.pay-number{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);letter-spacing:.02em}.pay-holder{font-size:var(--text-base);color:var(--color-text-muted)}.btn-copy{flex:0 0 auto;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--color-secondary);background:var(--color-surface);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-copy:hover{border-color:var(--color-secondary)}.btn-copy.is-copied{color:var(--color-success);border-color:var(--color-success)}.pay-qr{margin:var(--space-4) 0 0;text-align:center}.pay-qr[hidden]{display:none}.pay-qr img{margin:0 auto;border-radius:var(--radius-sm)}.pay-qr figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.btn-whatsapp{width:100%;height:3.5rem;gap:var(--space-2);font-size:var(--text-lg-plus);background-color:var(--color-whatsapp)}.btn-whatsapp:hover{background-image:linear-gradient(135deg,var(--color-whatsapp),var(--color-whatsapp-dark));box-shadow:var(--shadow-whatsapp)}.wa-hint{margin:var(--space-3) auto 0;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}@media(max-width:768px){.join-hero{padding:7rem 0 2.5rem}.join-section{padding-bottom:calc(var(--space-16) + 7.5rem)}.join-form{padding:var(--space-6) var(--space-4)}.join-progress{padding:var(--space-4) var(--space-4) var(--space-3)}.join-progress .step-label{display:none}.join-progress .steps{justify-content:space-around}.field-row{grid-template-columns:1fr;gap:var(--space-4)}.join-success{padding:var(--space-8) var(--space-4)}.pay-account{flex-direction:column;align-items:stretch}.btn-copy{width:100%}}@media(max-width:400px){.category-grid{grid-template-columns:repeat(3,1fr)}}.category-grid{grid-template-columns:repeat(6,1fr)}.category-grid>.category-card:nth-child(7){grid-column:1 / -1}@media(max-width:860px){.category-grid{grid-template-columns:repeat(3,1fr)}}.next-steps{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);text-align:left;width:fit-content;max-width:22rem;margin-inline:auto}.next-steps li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-md);font-weight:600;color:var(--color-text)}.next-num{display:grid;place-items:center;flex:0 0 1.6rem;width:1.6rem;height:1.6rem;border-radius:var(--radius-circle);background:var(--color-secondary);color:var(--color-text-on-dark);font-size:var(--text-sm);font-weight:700}.wa-warning{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);background:var(--color-warning-tint);border:var(--border-hairline) solid var(--color-warning-border);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.55;color:var(--color-warning-text);font-weight:500;max-width:none}.field-note{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--text-sm);font-weight:500;color:var(--color-success-dark);max-width:none}.field-note[hidden]{display:none}.field-note:before{content:"✓";font-weight:700}.field-loading{margin:var(--space-2) 0 0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.field-loading[hidden]{display:none}.membership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-4)}.membership-card{position:relative;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-card);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.membership-card input{position:absolute;opacity:0;pointer-events:none}.membership-card:hover{border-color:var(--color-secondary);transform:translateY(-2px)}.membership-card:has(input:checked){border-color:var(--color-primary);background:var(--color-card-selected);outline:var(--border-card) solid var(--color-primary);outline-offset:calc(var(--border-card) * -1)}.membership-card:has(input:focus-visible){box-shadow:var(--shadow-focus-card)}.mem-name{font-family:var(--font-heading);font-size:var(--text-lg-plus);font-weight:700;color:var(--color-text)}.mem-price{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;color:var(--color-accent);line-height:1.1}.mem-price small{font-size:var(--text-base);font-weight:600;margin-right:var(--space-1)}.mem-price s{font-size:var(--text-md);font-weight:500;color:var(--color-text-disabled);margin-left:var(--space-1)}.membership-card:has(input:checked) .mem-price{color:var(--color-primary)}.mem-note{font-size:var(--text-sm);color:var(--color-text-muted)}.mem-note.is-bonus{color:var(--color-success-dark);font-weight:600}body:has(#join-success:not([hidden])) .song-selector,body:has(#attendance-success:not([hidden])) .song-selector{display:none}body:has(#join-success:not([hidden])) .join-section,body:has(#attendance-success:not([hidden])) .join-section{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-16) 0}.running-total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-tint);border:var(--border-hairline) solid var(--color-hairline);border-radius:var(--radius-xl)}.running-total[hidden]{display:none}.running-total-label{font-size:var(--text-md);font-weight:600;color:var(--color-text)}.running-total-value{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:800;color:var(--color-primary);line-height:1.1}.month-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--space-2)}.month-grid .chip{text-align:center}.chip-add{font-size:var(--text-xs);font-weight:600;color:var(--color-secondary)}.chip:has(input:checked) .chip-add{color:var(--color-primary)}.order-lines{list-style:none;padding:0;margin:0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.order-lines li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);font-size:var(--text-md);color:var(--color-text-strong);padding-bottom:var(--space-2);border-bottom:var(--border-hairline) dashed var(--color-hairline)}.order-lines li:last-child{border-bottom:0;padding-bottom:0}.order-lines li span:last-child{font-weight:700;color:var(--color-text);white-space:nowrap}#faq-content details{border-bottom:var(--border-hairline) solid rgb(var(--color-secondary-rgb) / .18);padding:var(--space-6) 0;cursor:pointer}#faq-content details:first-of-type{padding-top:0}#faq-content details:last-of-type{border-bottom:none;padding-bottom:0}#faq-content details p{margin:var(--space-2) 0 0}#faq-content details[open] summary~*{animation:faq-answer-in .3s ease}#faq-content summary{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;color:var(--color-accent);list-style:none;display:flex;justify-content:space-between;align-items:center}#faq-content summary::-webkit-details-marker{display:none}#faq-content summary:after{content:"+";font-weight:300;font-size:var(--text-3xl);color:var(--color-primary)}#faq-content details[open] summary:after{content:"-"}@keyframes faq-answer-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.session-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.session-list[hidden]{display:none}.session-card input{position:absolute;opacity:0;pointer-events:none}.session-label{font-family:var(--font-heading);font-size:var(--text-lg-plus);font-weight:700;color:var(--color-accent)}.session-venue{font-size:var(--text-sm);color:var(--color-text-muted)}.session-card:has(input:checked) .session-label{color:var(--color-primary)}.session-row{position:relative}.session-row+.session-row{margin-top:var(--space-2)}.session-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 6.5rem var(--space-4) var(--space-4);background:var(--color-card);border:var(--border-card) solid var(--color-card-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.session-card:hover{border-color:var(--color-secondary)}.session-check{flex:0 0 auto;width:1.25rem;height:1.25rem;border:var(--border-selected) solid var(--color-card-border);border-radius:var(--radius-circle);background:var(--color-surface);box-shadow:inset 0 0 0 0 var(--color-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.session-card:has(input:checked){border-color:var(--color-primary);background:var(--color-card-selected);outline:var(--border-card) solid var(--color-primary);outline-offset:calc(var(--border-card) * -1)}.session-card:has(input:checked) .session-check{border-color:var(--color-primary);box-shadow:var(--shadow-check)}.session-card:has(input:focus-visible){box-shadow:var(--shadow-focus-card)}.session-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.session-map{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-tint);font-size:var(--text-sm);font-weight:600;color:var(--color-secondary);text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.session-map-icon{width:.875rem;height:.875rem;flex:0 0 auto;fill:currentColor}.session-map:hover{background:var(--color-secondary);color:var(--color-text-on-dark)}@media(max-width:600px){.session-card,.session-card:has(input:checked){padding-right:var(--space-4);padding-bottom:3.5rem}.session-map{top:auto;bottom:.85rem;left:1.15rem;right:auto;transform:none}}.success-session{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-8)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.success-fallback{background:var(--color-card-selected);border:var(--border-hairline) solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-8);text-align:left}.success-fallback p{margin-bottom:var(--space-4)}.footer-reg{margin:0;font-size:var(--text-xs);color:#ffffffbf;white-space:nowrap}.footer-link{color:var(--color-link-on-dark);text-decoration:underline;font-size:var(--text-base);white-space:nowrap}.footer-link:hover{color:var(--color-text-on-dark)}.footer-credit{font-size:var(--text-sm);color:var(--color-link-on-dark);text-decoration:underline}.footer-credit:hover{color:var(--color-text-on-dark)}@media(max-width:768px){.footer-content{flex-direction:column;align-items:flex-start}.footer-right{text-align:left;padding-top:var(--space-4);border-top:var(--border-hairline) solid rgb(255 255 255 / .18);width:100%}}.legal-page{max-width:52rem;margin:0 auto;color:var(--color-text-strong);line-height:1.7}.legal-page h2{font-size:var(--text-xl);margin:var(--space-8) 0 var(--space-2);color:var(--color-text)}.legal-page p,.legal-page li{font-size:var(--text-md);margin-bottom:var(--space-3)}.legal-page ul{margin:0 0 var(--space-3) var(--space-4);list-style:disc}.legal-page a{color:var(--color-secondary)}.legal-updated{font-size:var(--text-sm);color:var(--color-text-muted)}@supports (corner-shape: squircle){.glass-panel,.badge-strip li,.proof img,.slot-card,.venue-card,.card,.track-row,.track-play:focus-visible,.track-share.is-copied:after,.join-progress,.join-form,.join-form input[type=text],.join-form input[type=email],.join-form input[type=tel],.join-form input[type=date],.join-form input[type=number],.join-form textarea,.category-card,.package-card,.qty-stepper,.legal-body,.join-success,.pay-card,.btn-copy,.pay-qr img,.wa-warning,.membership-card,.running-total,.session-card,.success-fallback,#contact-action .btn{corner-shape:squircle}}