/* Homepage only: a consistent, compact layer over the existing OCL components. */
body.home-page{--home-ink:var(--ui-ink);--home-muted:var(--ui-muted);--home-line:var(--ui-line);--home-red:var(--ui-red);background:var(--ui-canvas)!important;color:var(--home-ink);font-family:Inter,Arial,sans-serif}
body.home-page [hidden]{display:none!important}
body.home-page::before,body.home-page::after,body.home-page .hero::before,body.home-page .hero::after{display:none!important}
body.home-page .container,body.home-page .navbar .nav-content{width:min(1200px,calc(100% - 64px))!important;max-width:1200px!important;margin-inline:auto!important}
body.home-page .section,body.home-page .values-section{padding-block:64px!important;overflow:clip}
body.home-page .section::before,body.home-page .section::after,body.home-page .hero-shape{display:none!important}
body.home-page :is(#aboutTitle,#mascotTitle,#valuesTitle,#organizersTitle,#sportsTitle,#timelineTitle,#registrationTitle,#processTitle,#faqTitle,#contactTitle){font-family:"Bricolage Grotesque",Inter,Arial,sans-serif!important;font-size:clamp(28px,3.3vw,38px)!important;line-height:1.15!important;letter-spacing:-.035em!important;font-style:normal!important;font-weight:800!important;text-transform:none!important;color:var(--home-ink)!important;margin:0 0 18px!important;max-width:22ch;white-space:normal!important;overflow-wrap:break-word;text-wrap:balance}
body.home-page .section-label{display:inline-flex!important;width:auto!important;min-height:0!important;margin:0 0 16px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#bd1422!important;font-size:12px!important;line-height:1.5!important;font-weight:750!important;letter-spacing:.13em!important;box-shadow:none!important}
body.home-page .section-label::before,body.home-page .section-label::after{display:none!important}
body.home-page .button,body.home-page .sport-detail-button{min-height:48px!important;padding:12px 20px!important;border:1px solid var(--ui-red)!important;border-radius:var(--ui-radius-control)!important;background:var(--ui-red)!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.45!important;text-transform:none!important;letter-spacing:0!important;transition:background-color .15s ease,border-color .15s ease!important}
body.home-page .button:hover,body.home-page .sport-detail-button:hover{background:var(--ui-red-hover)!important;transform:none!important}
body.home-page .button-outline{background:white!important;border-color:#dce0e6!important;color:#303742!important}
body.home-page a:focus-visible,body.home-page button:focus-visible,body.home-page summary:focus-visible{outline:3px solid #d7192050!important;outline-offset:4px!important}
body.home-page :is(section[id],#ada-yang-baru){scroll-margin-top:100px!important}

/* Header and the single navigation drawer stay identical across screen sizes. */
body.home-page .navbar,body.home-page .navbar.scrolled{padding:16px 0!important;min-height:0!important;background:#fffffffa!important;border-bottom:1px solid var(--home-line)!important;box-shadow:none!important;backdrop-filter:none!important;transition:none!important}
body.home-page .navbar .brand{min-width:0!important;gap:18px!important}
body.home-page .navbar .brand-text strong{font-size:16px!important;line-height:1.4!important}
body.home-page .navbar .brand-text small{font-size:12px!important;color:var(--home-muted)!important}
body.home-page .navbar .brand-logo-frame{width:104px!important;height:42px!important;flex:0 0 104px!important}
body.home-page .brand-logo-frame{position:relative!important;overflow:hidden!important}
body.home-page .brand-logo-frame .brand-logo{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:160%!important;height:auto!important;max-width:none!important;max-height:none!important;transform:translate(-50%,-50%)!important;object-fit:contain!important}
body.home-page .menu-toggle{border-color:var(--home-line)!important;background:#fff!important;color:#343b45!important;box-shadow:none!important;border-radius:var(--ui-radius-control)!important}
body.home-page .nav-drawer{width:min(340px,calc(100vw - 40px))!important;max-width:none!important;border-radius:20px 0 0 20px!important;box-shadow:-14px 0 45px #20283818!important}
body.home-page .nav-drawer::backdrop{backdrop-filter:none!important;background:#14182177!important}
body.home-page .nav-drawer-header{padding:22px 20px 18px!important;background:#fff!important;border-bottom:1px solid var(--home-line)!important}
body.home-page .nav-drawer-title{font-size:25px!important;line-height:1.2!important}
body.home-page .nav-drawer-close{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:var(--ui-radius-control)!important}
body.home-page .nav-drawer-links{padding:16px!important;gap:6px!important}
body.home-page .nav-drawer-links a{grid-template-columns:minmax(0,1fr) 26px!important;min-height:46px!important;border-radius:var(--ui-radius-control)!important;padding:10px 12px!important;border-color:transparent!important;background:#fff!important}
body.home-page .nav-drawer-links a::before{display:none!important}
body.home-page .nav-drawer-links a strong{font-size:14px!important;font-weight:650!important}
body.home-page .nav-drawer-links a:hover,body.home-page .nav-drawer-links a[aria-current]{background:var(--ui-red-soft)!important;color:#bc1320!important}
body.home-page .nav-drawer-links .nav-drawer-featured{background:#183236!important;color:white!important}
body.home-page .nav-drawer-links .nav-drawer-featured[aria-current],body.home-page .nav-drawer-links .nav-drawer-featured:hover{background:#25474c!important;color:white!important}
body.home-page .nav-drawer-group-label{margin:12px 10px 6px!important;font-size:12px!important;line-height:1.4!important;color:#707887!important}
body.home-page .nav-drawer-cta{padding:14px 16px 18px!important}

/* Hero: clear registration action, balanced information, familiar sport figures. */
body.home-page .hero{padding:142px 0 64px!important;min-height:0!important;background:linear-gradient(125deg,var(--ui-canvas) 38%,#fff4f5 100%)!important}
body.home-page .hero .hero-grid{grid-template-columns:1.08fr 1fr!important;gap:48px!important;align-items:center!important;min-height:0!important}
body.home-page .hero .hero-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left!important}
body.home-page .hero .hero-label{display:block!important;width:auto!important;max-width:50ch;margin:0 0 20px!important;padding:0!important;border:0!important;background:none!important;font-size:12px!important;line-height:1.7!important;color:#a81522!important;letter-spacing:0!important;font-weight:600!important;text-transform:none!important;box-shadow:none!important}
body.home-page .hero .hero-label .status-dot{display:none!important}
body.home-page .hero #eventName{max-width:12ch!important;font-family:"Bricolage Grotesque",Inter,Arial,sans-serif!important;font-size:clamp(40px,5vw,64px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:800!important;font-style:normal!important;text-align:left!important;text-transform:none!important;margin:0 0 22px!important;text-wrap:balance;color:var(--ui-ink)!important}
body.home-page .hero #eventName>span{color:var(--ui-red)!important}
body.home-page .hero #eventTagline{font-size:15px!important;line-height:1.7!important;font-weight:500!important;color:#626b79!important;margin:0 0 28px!important;padding:0!important;text-align:left!important;max-width:none!important}
body.home-page .hero .hero-actions{display:flex!important;flex-wrap:wrap;width:100%!important;max-width:none!important;gap:10px!important;margin:0 0 12px!important;justify-content:flex-start!important}
body.home-page .hero .hero-actions .button{min-height:50px!important;width:auto!important;flex:0 1 auto;padding:13px 20px!important;border-radius:var(--ui-radius-control)!important;font-size:14px!important;box-shadow:none!important}
body.home-page .hero .hero-actions .button::after{background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;margin-left:12px!important;font-size:18px!important}
body.home-page .hero-route-note{margin:0 0 26px!important;font-size:12px!important;line-height:1.6;color:#727987}
body.home-page .hero .event-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:none!important;gap:12px!important;margin:0!important;transform:none!important}
body.home-page .hero .event-summary>div{padding:18px!important;min-height:90px!important;border:1px solid var(--home-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--ui-shadow)!important;text-align:left!important}
body.home-page .hero .event-summary>div::before,body.home-page .hero .event-summary>div::after{display:none!important}
body.home-page .hero .event-summary dt{text-transform:none!important;margin-bottom:7px!important;font-size:12px!important;line-height:1.4!important;letter-spacing:.075em!important;color:#737b88!important}
body.home-page .hero .event-summary dd{font-size:15px!important;line-height:1.5!important;font-weight:700!important;letter-spacing:-.02em!important;color:#303640!important}
body.home-page .hero .hero-visual{min-width:0!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}
body.home-page .hero .arena-board{width:100%!important;min-height:0!important;padding:0!important;border:0!important;background:radial-gradient(ellipse,#f9eded 0%,transparent 70%)!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
body.home-page .hero .arena-board::before,body.home-page .hero .arena-board::after,body.home-page .hero .arena-title,body.home-page .hero .arena-tagline{display:none!important}
body.home-page .hero .hero-sport-figures{position:relative!important;inset:auto!important;top:0!important;left:0!important;transform:none!important;width:100%!important;height:420px!important;max-width:none!important;min-height:0!important;margin:0!important;overflow:visible!important}
body.home-page .hero .hero-sport-figures::before,body.home-page .hero .hero-sport-figures::after{display:none!important}
body.home-page .hero .hero-sport-figure{position:absolute!important;width:auto!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 10px 9px #263b4612)!important;animation:none!important;transform:none!important}
body.home-page .hero .hero-sport-figures .hero-sport-figure.figure-volleyball{left:0!important;right:auto!important;top:0!important;bottom:auto!important;height:70%!important}
body.home-page .hero .hero-sport-figures .hero-sport-figure.figure-badminton{right:0!important;left:auto!important;top:2%!important;bottom:auto!important;height:65%!important}
body.home-page .hero .hero-sport-figures .hero-sport-figure.figure-futsal{left:12%!important;right:auto!important;top:auto!important;bottom:0!important;height:59%!important}
body.home-page .hero .hero-sport-figures .hero-sport-figure.figure-esports{left:42%!important;right:auto!important;top:auto!important;bottom:0!important;height:70.2%!important}
body.home-page .hero .hero-sport-figures .hero-sport-figure.figure-softball{right:0!important;left:auto!important;top:auto!important;bottom:0!important;height:56%!important}
/* Six figures occupy bounded cells; Basket's intrinsic height must not set hero size. */
body.home-page .hero .hero-sport-figures{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}
body.home-page .hero .hero-sport-figures .hero-sport-figure[class]{position:static!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center;z-index:auto!important}
body.home-page .hero .hero-sport-figures .hero-sport-figure.figure-basket{padding:3px 0!important}
body.home-page .sport-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
body.home-page .hero .sport-labels{position:static!important;display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;max-width:none!important;margin:22px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important}
body.home-page .hero .sport-labels>span{min-height:29px!important;padding:5px 9px!important;border:1px solid #e7e9ed!important;border-radius:8px!important;background:#fff!important;color:#4c5460!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important;white-space:nowrap}
body.home-page .hero .sport-labels>span::before{width:5px!important;height:5px!important;box-shadow:none!important;margin-right:5px!important}

/* About, mascot, values and organizers: readable content without oversized panels. */
body.home-page .about-section,body.home-page .values-section,body.home-page .organizers-section,body.home-page .registration-section,body.home-page .contact-section{background:#fff!important}
body.home-page #tentang,body.home-page #penyelenggara,body.home-page #pendaftaran,body.home-page #kontak{background:#fff!important}
body.home-page .about-grid{grid-template-columns:1fr 1fr!important;gap:70px!important;align-items:center!important}
body.home-page #aboutTitle span{display:block!important;color:var(--ui-ink)!important}
body.home-page .about-summary,body.home-page .mascot-content>p,body.home-page .organizers-description,body.home-page .registration-description{font-size:14px!important;line-height:1.85!important;color:var(--home-muted)!important;max-width:65ch!important}
body.home-page .about-facts{display:flex!important;gap:30px!important;margin-top:24px!important}
body.home-page .about-facts>div{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body.home-page .about-facts dt{font-size:28px!important;line-height:1.2!important;color:var(--ui-ink)!important}
body.home-page .about-facts dd{font-size:12px!important;color:#687181!important}
body.home-page .opening-countdown{padding:30px!important;border:1px solid #eadfe1!important;border-radius:20px!important;background:#fff8f8!important;box-shadow:none!important;min-height:0!important}
body.home-page .opening-countdown::before,body.home-page .opening-countdown::after{display:none!important}
body.home-page .opening-countdown-kicker{font-size:12px!important;letter-spacing:.12em!important;color:#b71120!important}
body.home-page #registrationCountdownTitle{font-size:25px!important;line-height:1.25!important;font-style:normal!important;letter-spacing:-.03em!important;margin:12px 0!important;color:var(--ui-ink)!important}
body.home-page .opening-countdown-date,body.home-page .opening-countdown-status{font-size:12px!important;line-height:1.7!important;color:#626b78!important}
body.home-page .opening-countdown-grid{gap:8px!important;margin-block:22px!important}
body.home-page .opening-countdown-unit{padding:14px 4px!important;min-height:0!important;border:1px solid #efdfdf!important;border-radius:var(--ui-radius-control)!important;background:#fff!important;box-shadow:none!important}
body.home-page .opening-countdown-unit strong{font-size:29px!important;line-height:1.2!important;color:#c71423!important}
body.home-page .opening-countdown-unit span{font-size:12px!important;line-height:1.7!important;color:#66707e!important}
body.home-page .mascot-section{background:var(--ui-canvas)!important}
body.home-page .mascot-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:64px!important;align-items:center!important}
body.home-page .mascot-visual{max-width:350px!important;min-height:0!important;height:auto!important;padding:0!important;margin:auto!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius-card)!important;background:white!important;box-shadow:none!important;overflow:hidden!important}
body.home-page .mascot-image{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-height:430px!important;object-fit:contain!important;filter:none!important;transform:none!important}
body.home-page .mascot-theme-description{padding:20px!important;margin:22px 0!important;border:1px solid #e3e7ed!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
body.home-page .mascot-theme-description h3{font-size:19px!important;font-style:normal!important;line-height:1.35!important;letter-spacing:-.02em!important;margin:8px 0!important}
body.home-page .mascot-theme-description p,body.home-page .mascot-tagline span{font-size:14px!important;line-height:1.8!important;color:#626b78!important}
body.home-page .mascot-tagline{padding:0 0 0 16px!important;border:0!important;border-left:3px solid var(--ui-red)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
body.home-page .mascot-tagline p{font-size:18px!important;line-height:1.5!important;color:#343a45!important}
body.home-page .values-heading,body.home-page .sports-heading,body.home-page .process-heading{margin-bottom:30px!important}
body.home-page .values-heading>p{font-size:14px!important;color:var(--ui-muted)!important;line-height:1.7!important}
body.home-page .values-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.home-page .value-card{display:block!important;min-height:0!important;padding:22px!important;border:1px solid var(--home-line)!important;border-radius:15px!important;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow)!important}
body.home-page .value-card::before,body.home-page .value-card::after{display:none!important}
body.home-page .value-card>span{display:block!important;width:auto!important;height:auto!important;margin:0 0 18px!important;background:none!important;font-size:12px!important;line-height:1!important;color:#b41120!important}
body.home-page .value-card h3{font-size:17px!important;line-height:1.4!important;font-style:normal!important;margin:0 0 8px!important;color:#282e38!important}
body.home-page .value-card p{font-size:12px!important;line-height:1.8!important;color:#65707e!important}
body.home-page .organizers-section{border-top:1px solid #eef0f3!important}
body.home-page .organizers-heading{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:60px!important;align-items:start!important}
body.home-page .organizers-purpose{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:20px!important}
body.home-page .organizers-purpose-card{padding:18px!important;min-height:0!important;border:1px solid var(--home-line)!important;border-radius:13px!important;background:var(--ui-soft)!important;box-shadow:none!important}
body.home-page .organizers-purpose-card h3,body.home-page .organizers-purpose-card li{font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:1.8!important;color:#606a78!important}
body.home-page .organizers-purpose-card ol{padding-left:16px!important;margin:0!important}
body.home-page .organizer-info{text-align:left!important;padding:0!important;min-width:0}
body.home-page .organizer-info h3{font-size:14px!important;line-height:1.45!important;font-style:normal!important;letter-spacing:-.015em!important;color:#343b47!important}
body.home-page .organizer-info p{font-size:12px!important;line-height:1.65!important;color:#717887!important;margin:4px 0 0!important}
body.home-page .collaboration-summary{padding:18px 0 0!important;border:0!important;background:none!important;box-shadow:none!important;font-size:12px!important;line-height:1.7!important;color:var(--ui-muted)!important}

/* One continuous UKM row. The same seven original assets are reused. */
body.home-page #penyelenggara .ukm-marquee-toolbar{margin:28px 0 14px;font-size:12px;color:#626d7c}
body.home-page #organizerMarquee:focus-visible{outline:2px solid #ba1825;outline-offset:3px}
body.home-page #organizerMarquee{--ukm-card-width:244px;--ukm-gap:16px;--ukm-logo-base:112px;--ukm-duration:64s;position:relative!important;display:flex!important;gap:var(--ukm-gap)!important;width:100%!important;max-width:100%!important;min-height:0!important;padding:2px 0 12px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;mask-image:none!important;scrollbar-width:thin;scrollbar-color:#c7cdd7 transparent;overscroll-behavior-x:contain}
body.home-page #organizerMarquee::before,body.home-page #organizerMarquee::after{display:none!important;content:none!important}
body.home-page #organizerMarquee[data-marquee-ready="true"]{display:block!important;overflow:hidden!important}
body.home-page #organizerMarquee .ukm-marquee-track{display:flex!important;flex-wrap:nowrap!important;gap:0!important;width:max-content!important;max-width:none!important;animation:ocl-ukm-loop var(--ukm-duration) linear infinite!important;will-change:transform}
body.home-page #organizerMarquee .ukm-marquee-group{display:flex!important;flex-wrap:nowrap!important;flex:0 0 auto!important;gap:var(--ukm-gap)!important;padding-right:var(--ukm-gap)!important;width:max-content!important}
body.home-page #organizerMarquee .organizer-card{position:relative!important;flex:0 0 var(--ukm-card-width)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;width:var(--ukm-card-width)!important;min-width:var(--ukm-card-width)!important;max-width:var(--ukm-card-width)!important;height:224px!important;min-height:224px!important;max-height:224px!important;margin:0!important;padding:22px 18px 18px!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;transform:none!important}
body.home-page #organizerMarquee .organizer-card::before{position:absolute!important;content:""!important;display:block!important;inset:0 0 auto!important;width:100%!important;height:3px!important;background:linear-gradient(90deg,var(--card-accent),transparent)!important;transform:none!important}
body.home-page #organizerMarquee .organizer-card::after{display:none!important}
body.home-page #organizerMarquee .organizer-logo{--ukm-logo-scale:1.95;position:relative!important;inset:auto!important;display:block!important;flex:0 0 var(--ukm-logo-base)!important;width:160px!important;min-width:0!important;max-width:160px!important;height:var(--ukm-logo-base)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important}
body.home-page #organizerMarquee .organizer-logo::before,body.home-page #organizerMarquee .organizer-logo::after{display:none!important}
body.home-page #organizerMarquee .organizer-logo img{position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;display:block!important;width:calc(var(--ukm-logo-base) * var(--ukm-logo-scale))!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:translate(-50%,-50%)!important;filter:none!important;opacity:1!important}
body.home-page #organizerMarquee .logo-csc{--ukm-logo-scale:1.55}
body.home-page #organizerMarquee .logo-esports{--ukm-logo-scale:1.9}
body.home-page #organizerMarquee .logo-bola{--ukm-logo-scale:2.1}
body.home-page #organizerMarquee .logo-tubc,body.home-page #organizerMarquee .logo-tvbc{--ukm-logo-scale:2.15}
body.home-page #organizerMarquee .organizer-info{position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important;background:none!important;border:0!important;text-align:center!important}
body.home-page #organizerMarquee .organizer-info h3{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin:0!important;padding:0!important;color:#303846!important;font:700 14px/1.5 Inter,Arial,sans-serif!important;letter-spacing:-.01em!important;text-align:center!important;text-transform:none!important;transform:none!important}
body.home-page #organizerMarquee .organizer-info p{display:none!important}
body.home-page #organizerMarquee[data-motion-paused="true"] .ukm-marquee-track{animation-play-state:paused!important}
@keyframes ocl-ukm-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){
 body.home-page #organizerMarquee{--ukm-card-width:208px;--ukm-gap:12px;--ukm-logo-base:100px;--ukm-duration:52s}
 body.home-page #organizerMarquee .organizer-card{height:208px!important;min-height:208px!important;max-height:208px!important;padding:20px 14px 16px!important;gap:14px!important}
 body.home-page #organizerMarquee .organizer-logo{width:148px!important;max-width:148px!important}
 body.home-page #organizerMarquee .organizer-info h3{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
 body.home-page #organizerMarquee[data-marquee-ready="true"]{overflow-x:auto!important}
 body.home-page #organizerMarquee .ukm-marquee-track{animation:none!important;transform:none!important;will-change:auto!important}
 body.home-page #organizerMarquee .ukm-clone{display:none!important}
}

/* Cabor and schedule use compact cards. Secret sport stays secret. */
body.home-page .sports-section,body.home-page .timeline-section,body.home-page .faq-section{background:var(--ui-canvas)!important}
body.home-page .sports-heading p:not(.section-label){font-size:14px!important;line-height:1.75!important;color:#66717f!important}
body.home-page #sportsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
body.home-page #sportsGrid>.sport-card,body.home-page #sportsGrid>.sport-card.sport-card-teaser[data-accent="mystery"]{padding:18px!important;border:1px solid var(--ui-line)!important;border-top:1px solid var(--ui-line)!important;border-radius:var(--ui-radius-card)!important;background:#fff!important;min-height:0!important;box-shadow:var(--ui-shadow)!important;transform:none!important}
body.home-page #sportsGrid>.sport-card .sport-card-top,body.home-page #sportsGrid>.sport-card.sport-card-teaser[data-accent="mystery"] .sport-card-top{height:238px!important;min-height:238px!important;margin:0 0 22px!important;border-radius:12px!important}
body.home-page #sportsGrid>.sport-card:not(.sport-card-teaser) .sport-card-top{background:var(--ui-canvas)!important}
body.home-page #sportsGrid>.sport-card:not(.sport-card-teaser) .sport-visual{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;overflow:hidden!important;padding:18px!important;background:none!important}
body.home-page #sportsGrid>.sport-card:not(.sport-card-teaser) .sport-figure{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;filter:none!important;animation:none!important}
body.home-page #sportsGrid>.sport-card:not(.sport-card-teaser) .sport-number{top:12px!important;left:12px!important;min-width:35px!important;min-height:32px!important;padding:6px!important;font-size:14px!important;border-radius:9px!important}
body.home-page #sportsGrid>.sport-card>h3,body.home-page #sportsGrid>.sport-card.sport-card-teaser[data-accent="mystery"]>h3{font-size:26px!important;font-family:"Bricolage Grotesque",Inter,sans-serif!important;font-style:normal!important;letter-spacing:-.035em!important;line-height:1.2!important;min-height:0!important;margin:0 0 14px!important;color:#252a33!important}
body.home-page #sportsGrid>.sport-card .sport-fee{font-size:14px!important;font-weight:500!important;line-height:1.6!important;color:#616a78!important;margin:0 0 18px!important;padding:0!important;min-height:0!important}
body.home-page #sportsGrid>.sport-card .sport-detail-button{margin-top:auto!important;width:100%!important}
body.home-page #jadwal{padding-block:64px!important;scroll-margin-top:116px!important}
body.home-page #jadwal .timeline-layout{display:block!important;width:min(1120px,calc(100% - 64px))!important;max-width:1120px!important}
body.home-page #jadwal .timeline-intro{position:static!important;display:block!important;width:100%!important;max-width:none!important;margin:0 0 28px!important;padding:0!important;text-align:left!important}
body.home-page #jadwal .timeline-intro::before,body.home-page #jadwal .timeline-intro::after{display:none!important}
body.home-page #jadwal .section-label{margin:0 0 10px!important;font-size:12px!important;letter-spacing:.12em!important}
body.home-page #jadwal #timelineTitle{font-size:clamp(28px,3vw,38px)!important;line-height:1.2!important;max-width:none!important;margin:0 0 10px!important;padding:0!important;text-align:left!important;letter-spacing:-.03em!important}
body.home-page #jadwal .timeline-description{max-width:56ch!important;margin:0!important;font-size:14px!important;line-height:1.75!important;color:#626e7e!important}
body.home-page .timeline-roadmap{min-height:0!important;padding:0!important;background:none!important}
body.home-page .timeline-roadmap::before{display:none!important;content:none!important}
body.home-page .timeline-track{display:none!important}
body.home-page #jadwal #timelineList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;align-items:stretch!important;gap:16px!important;padding:0!important;margin:0!important;height:auto!important;min-height:0!important;list-style:none!important}
body.home-page #jadwal #timelineList .timeline-item:nth-child(n){position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-column:auto!important;grid-row:auto!important;align-items:start!important;gap:14px!important;height:auto!important;min-height:0!important;max-height:none!important;min-width:0!important;width:auto!important;margin:0!important;padding:22px!important;border:1px solid var(--home-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
body.home-page #jadwal #timelineList .timeline-item[data-stage="closing"]{grid-column:span 2!important;background:#fff9f9!important;border-color:#efdfe1!important}
body.home-page #timelineList .timeline-item::before,body.home-page #timelineList .timeline-item::after{display:none!important}
body.home-page #jadwal #timelineList .timeline-marker{position:static!important;inset:auto!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;background:#fff0f1!important;border:1px solid #f5dce0!important;border-radius:var(--ui-radius-control)!important;box-shadow:none!important;transform:none!important}
body.home-page #jadwal #timelineList .timeline-icon{display:none!important}
body.home-page #jadwal #timelineList .timeline-number{position:static!important;inset:auto!important;display:block!important;font:700 12px/1 Inter,Arial,sans-serif!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;color:#b71824!important;-webkit-text-fill-color:currentColor!important;background:none!important;box-shadow:none!important;border:0!important;transform:none!important}
body.home-page #jadwal #timelineList .timeline-content{position:static!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
body.home-page #jadwal #timelineList .timeline-date{display:block!important;width:auto!important;min-height:0!important;padding:0!important;margin:0 0 8px!important;border:0!important;background:none!important;font-size:12px!important;font-weight:650!important;letter-spacing:0!important;line-height:1.5!important;color:#a82834!important;-webkit-text-fill-color:currentColor!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.home-page #jadwal #timelineList .timeline-content h3{font-family:Inter,Arial,sans-serif!important;font-size:18px!important;font-weight:750!important;line-height:1.4!important;letter-spacing:-.02em!important;margin:0 0 8px!important;padding:0!important;font-style:normal!important;overflow-wrap:anywhere!important}
body.home-page #jadwal #timelineList .timeline-content p{margin:0!important;font-size:14px!important;line-height:1.7!important;color:#626d7c!important;overflow-wrap:anywhere!important}
body.home-page #jadwal .timeline-footer{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;width:100%!important;max-width:none!important;margin:24px 0 0!important;padding:20px 0 0!important;border:0!important;border-top:1px solid #e2e7ed!important;background:none!important;border-radius:0!important;box-shadow:none!important}
body.home-page #jadwal .timeline-reminder{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0!important;max-width:66ch!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.home-page #jadwal .timeline-reminder>span{display:grid!important;place-items:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;margin:0!important;background:#fff!important;border:1px solid #e2e7ed!important;border-radius:50%!important;color:#697483!important;font-size:12px!important}
body.home-page #jadwal .timeline-reminder p{margin:0!important;font-size:12px!important;font-weight:400!important;color:#647080!important;line-height:1.75!important}
body.home-page #jadwal .timeline-footer .button{flex:0 0 auto!important;width:auto!important;min-height:44px!important;margin:0!important;padding:10px 16px!important;border-color:#dce2e9!important;background:#fff!important;color:#343f50!important;font-size:12px!important;white-space:normal!important;box-shadow:none!important}
@media(max-width:1080px){body.home-page #jadwal #timelineList{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-page #jadwal #timelineList .timeline-item[data-stage="closing"]{grid-column:auto!important}}
@media(max-width:640px){
 body.home-page #jadwal{padding-block:48px!important;scroll-margin-top:100px!important}
 body.home-page #jadwal .timeline-layout{width:calc(100% - 36px)!important}
 body.home-page #jadwal #timelineTitle{font-size:28px!important}
 body.home-page #jadwal .timeline-description{font-size:14px!important}
 body.home-page #jadwal #timelineList{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body.home-page #jadwal #timelineList .timeline-item:nth-child(n){padding:18px 16px!important;gap:12px!important;grid-template-columns:32px minmax(0,1fr)!important}
 body.home-page #jadwal #timelineList .timeline-marker{width:32px!important;height:32px!important;border-radius:9px!important}
 body.home-page #jadwal #timelineList .timeline-content h3{font-size:17px!important}
 body.home-page #jadwal .timeline-footer{flex-direction:column!important;align-items:stretch!important;gap:16px!important}
}

/* Registration guidance, help, and contact rows. */
body.home-page .registration-layout{display:block!important;margin:0!important;padding:0!important}
body.home-page #pendaftaran .registration-intro{max-width:900px!important;margin:0 auto!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.home-page #pendaftaran .registration-intro::before,body.home-page #pendaftaran .registration-intro::after{display:none!important}
.home-registration-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 14px}
.home-registration-options>a{display:flex;flex-direction:column;align-items:start;gap:12px;padding:24px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-soft);text-align:left}
.home-registration-options>a:hover{border-color:var(--ui-red);background:#fff8f8}
.home-registration-options>a>span{font-size:12px;letter-spacing:.1em;color:#ba1422;font-weight:700}
body.home-page .home-registration-options h3{font-size:23px!important;line-height:1.3!important;letter-spacing:-.025em!important;font-style:normal!important;color:#262d36!important;margin:0!important}
body.home-page .home-registration-options p{font-size:14px!important;line-height:1.8!important;color:#616b79!important;margin:0!important}
.home-registration-options strong{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:10px;color:#bc1522;font-size:12px;min-height:32px}
body.home-page .home-formation-note{font-size:12px!important;line-height:1.75!important;color:#717a87!important;margin:0 0 24px!important}
body.home-page #registrationStatus{margin:22px 0 16px!important;padding:16px!important;border:1px solid #e4e8ed!important;border-radius:12px!important;background:#f7faf8!important;box-shadow:none!important}
body.home-page #registrationStatus strong{font-size:14px!important;line-height:1.6!important}
body.home-page .registration-period{gap:14px!important;margin-top:24px!important}
body.home-page .registration-period>div{padding:16px!important;border:1px solid var(--home-line)!important;border-radius:var(--ui-radius-control)!important;background:#fff!important;box-shadow:none!important}
body.home-page .registration-period span{font-size:12px!important;line-height:1.5!important;letter-spacing:.05em!important;color:#737d8b!important}
body.home-page .registration-period strong{font-size:12px!important;line-height:1.7!important;color:#424d5b!important}
body.home-page #pendaftaran .registration-process{margin-top:54px!important;padding-top:44px!important;border-top:1px solid #e6e9ee!important}
body.home-page #pendaftaran .process-heading{text-align:left!important}
body.home-page #pendaftaran .process-heading h2{max-width:100%!important;font-size:30px!important;text-align:left!important}
body.home-page #pendaftaran .process-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.home-page #pendaftaran .process-grid::before,body.home-page #pendaftaran .process-grid::after{display:none!important}
body.home-page #pendaftaran .process-card{display:block!important;padding:20px!important;margin:0!important;border:1px solid var(--home-line)!important;border-radius:13px!important;background:var(--ui-soft)!important;box-shadow:none!important;transform:none!important;text-align:left!important}
body.home-page #pendaftaran .process-card .process-step{position:static!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;margin:0 0 18px!important;background:var(--ui-red-soft)!important;border:0!important;border-radius:9px!important;box-shadow:none!important;color:#b91422!important;font-size:12px!important}
body.home-page #pendaftaran .process-card>div{padding:0!important}
body.home-page #pendaftaran .process-card h3{font-size:16px!important;line-height:1.4!important;margin:0 0 10px!important;text-align:left!important;color:#29313d!important}
body.home-page #pendaftaran .process-card p{font-size:12px!important;line-height:1.8!important;text-align:left!important;color:#667180!important}
body.home-page #pendaftaran .process-card .button{margin-top:16px!important;font-size:12px!important;min-height:44px!important;padding:10px!important;border-radius:9px!important}
body.home-page .faq-layout{grid-template-columns:.72fr 1.28fr!important;gap:65px!important;align-items:start!important}
body.home-page .faq-intro>p:not(.section-label){font-size:14px!important;line-height:1.8!important;color:#667180!important}
body.home-page .faq-topic-filter{gap:6px!important;margin-bottom:16px!important;background:none!important;border:0!important;padding:0!important}
body.home-page .faq-topic-button{min-height:44px!important;padding:10px 13px!important;font-size:12px!important;border:1px solid #dce1e8!important;border-radius:9px!important;background:#fff!important;color:#5c6775!important;box-shadow:none!important}
body.home-page .faq-topic-button.is-active{border-color:var(--ui-red)!important;background:var(--ui-red-soft)!important;color:#b11120!important}
body.home-page .faq-list{gap:10px!important}
body.home-page .faq-list details{border:1px solid #e2e6ed!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;padding:0!important;overflow:hidden}
body.home-page .faq-list summary{padding:18px!important;font-size:14px!important;line-height:1.6!important;font-weight:650!important;color:#353d48!important}
body.home-page .faq-answer{padding:0 18px 18px!important}
body.home-page .faq-answer p,body.home-page .faq-answer li{font-size:14px!important;line-height:1.85!important;color:#64707f!important}
body.home-page .contact-heading{gap:40px!important;align-items:start!important;margin-bottom:30px!important}
body.home-page .contact-intro>p:not(.section-label){font-size:14px!important;color:#667180!important;line-height:1.75!important}
body.home-page .social-links{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  gap:10px!important;
}
body.home-page .social-card{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px!important;
  border:1px solid #e2e6ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  min-height:0!important;
  text-decoration:none!important;
  transition:transform .18s ease, border-color .18s ease, background-color .18s ease!important;
}
body.home-page .social-card:hover{
  transform:translateY(-2px)!important;
  border-color:#aeb8c5!important;
  background:var(--ui-soft)!important;
}
body.home-page .social-card:focus-visible{
  outline:3px solid #b81421!important;
  outline-offset:4px!important;
}
body.home-page .social-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  background:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.home-page .social-logo{
  width:40px!important;
  height:40px!important;
  display:block!important;
  object-fit:contain!important;
}
body.home-page .social-copy{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  gap:3px!important;
}
body.home-page .social-copy strong{
  margin:0!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.35!important;
  color:#202936!important;
}
body.home-page .social-copy small,body.home-page .social-action{
  margin:0!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.6!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  color:#596575!important;
  overflow-wrap:anywhere!important;
}
body.home-page .social-action{font-size:12px!important}
body.home-page .social-open{
  color:#697688!important;
  font-size:20px!important;
  line-height:1!important;
  text-align:center!important;
}
@media(min-width:680px) and (max-width:1024px){
  body.home-page .social-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:360px){
  body.home-page .social-card{padding:14px 12px!important;gap:10px!important}
  body.home-page .social-copy small{font-size:12px!important}
}
body.home-page #contactsGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.home-page .contact-section .contact-card{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:14px!important;min-height:0!important;padding:18px!important;border:1px solid #e4e8ed!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;transform:none!important}
body.home-page .contact-section .contact-card::before,body.home-page .contact-section .contact-card::after{display:none!important}
body.home-page .contact-section .contact-avatar{position:relative;display:block;flex:0 0 60px;width:60px;height:68px;overflow:hidden;background:#f3f5f8;border:1px solid #e9edf1;border-radius:12px}
body.home-page .contact-section .contact-person{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:140%!important;max-height:none!important;object-fit:cover!important;object-position:50% 0%!important;opacity:1!important;transform:none!important;filter:none!important}
body.home-page .contact-section .contact-card-content{position:static!important;display:flex!important;flex:1!important;flex-direction:column!important;width:auto!important;min-width:0!important;min-height:0!important;gap:5px!important;margin:0!important;padding:0!important;text-align:left!important}
body.home-page .contact-section .contact-label{font-size:12px!important;line-height:1.5!important;letter-spacing:.05em!important;color:#9e2731!important;margin:0!important}
body.home-page .contact-section .contact-card strong{font-family:Inter,Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;font-style:normal!important;line-height:1.5!important;letter-spacing:0!important;margin:0!important;color:#303947!important}
body.home-page .contact-section .contact-card small{display:block!important;font-size:12px!important;line-height:1.6!important;color:#758090!important;margin:0!important}
body.home-page .contact-section .contact-action{width:max-content!important;min-height:32px!important;margin-top:7px!important;padding:5px 8px!important;border:1px solid #d9e9df!important;border-radius:7px!important;background:#f2faf5!important;color:#246b45!important;font-size:12px!important;box-shadow:none!important}
body.home-page .contact-section .contact-whatsapp-icon{width:16px!important;height:16px!important}
body.home-page .contact-section .contact-action .contact-whatsapp-icon{color:#238350!important;filter:none!important}
body.home-page .contact-section .contact-action .contact-action-icon{background:none!important;color:#238350!important}
body.home-page .contact-information{padding:18px 0 0!important;margin-top:18px!important;border:0!important;border-top:1px solid #e7ebef!important;background:none!important;color:#6c7786!important;font-size:12px!important;line-height:1.7!important;box-shadow:none!important}
body.home-page .site-footer{padding-top:32px!important;background:var(--ui-canvas)!important;border-top:1px solid #e5e9ef!important;color:#697382!important}
body.home-page .site-footer::before,body.home-page .site-footer::after{display:none!important}
body.home-page .footer-main{gap:32px!important;padding-top:0!important;padding-bottom:28px!important}
body.home-page .footer-partners[hidden]{display:none!important}
body.home-page .footer-partners:not([hidden]){display:grid;gap:26px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #e5e9ef}
body.home-page .footer-partner-group h2{margin:0 0 12px;font-size:16px;line-height:1.4;color:#343f4d;letter-spacing:normal;text-transform:none}
body.home-page .footer-partner-grid{display:flex;flex-wrap:wrap;gap:12px 20px;list-style:none;margin:0;padding:0}
body.home-page .footer-partner-grid>li{flex:0 1 180px;min-width:0;margin:0;padding:0}
body.home-page .footer-partner-logo{display:flex;align-items:center;justify-content:center;height:104px;padding:12px;background:#fff;border-radius:10px;color:#343f4d;text-decoration:none}
body.home-page a.footer-partner-logo{cursor:pointer}
body.home-page a.footer-partner-logo:focus-visible{outline:3px solid #b70e25;outline-offset:3px}
body.home-page .footer-partner-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:80px;object-fit:contain}
body.home-page .footer-partner-logo--compact img{max-width:75%;max-height:64px}
body.home-page .footer-partner-logo--wide img{max-height:64px}
body.home-page .footer-partner-fallback{font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:center}
@media(max-width:600px){body.home-page .footer-partner-grid{gap:12px}body.home-page .footer-partner-grid>li{flex-basis:calc(50% - 6px)}body.home-page .footer-partner-logo{height:96px}}
body.home-page .site-footer .footer-identity>p{font-size:12px!important;line-height:1.8!important;max-width:40ch!important;color:#596577!important;-webkit-text-fill-color:currentColor!important}
body.home-page .site-footer .footer-navigation>strong,body.home-page .site-footer .brand-text strong{font-size:12px!important;color:#343f4d!important;-webkit-text-fill-color:currentColor!important}
body.home-page .site-footer .footer-navigation a{font-size:12px!important;line-height:1.7!important;min-height:36px;display:flex;align-items:center;color:#596577!important;-webkit-text-fill-color:currentColor!important}
body.home-page .site-footer .brand-text small,body.home-page .site-footer .footer-bottom p{color:#596577!important;-webkit-text-fill-color:currentColor!important}
body.home-page .footer-bottom{padding-block:20px!important;font-size:12px!important;border-top:1px solid #e5e9ef!important}
body.home-page .sport-rewards{font-size:14px!important;line-height:1.8!important}

@media(max-width:1000px){
 body.home-page #sportsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.home-page .hero .hero-grid{gap:24px!important}
 body.home-page .hero .hero-sport-figures{height:clamp(270px,34vw,340px)!important}
 body.home-page .organizers-heading,body.home-page .about-grid,body.home-page .faq-layout{gap:30px!important}
 body.home-page #contactsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.home-page #pendaftaran .process-grid,body.home-page .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 body.home-page .container,body.home-page .navbar .nav-content{width:calc(100% - 36px)!important}
 body.home-page .navbar,body.home-page .navbar.scrolled{padding:12px 0!important}
 body.home-page .section,body.home-page .values-section{padding-block:48px!important}
 body.home-page .navbar .brand-logo-frame{width:92px!important;height:38px!important;flex-basis:92px!important}
 body.home-page .menu-toggle{background:#fff!important;border:1px solid #e0e4ea!important;color:#b81421!important}
 body.home-page .nav-drawer{width:min(310px,calc(100vw - 36px))!important}
 body.home-page .hero{padding:116px 0 42px!important}
 body.home-page .hero .hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}
 body.home-page .hero .hero-content{text-align:center!important}
 body.home-page .hero .hero-label{max-width:38ch!important;margin:0 auto 17px!important;font-size:12px!important}
 body.home-page .hero #eventName{font-size:clamp(38px,9vw,50px)!important;text-align:center!important;margin:0 auto 18px!important;max-width:12ch!important}
 body.home-page .hero #eventTagline{font-size:14px!important;text-align:center!important;margin-bottom:24px!important}
 body.home-page .hero .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
 body.home-page .hero .hero-actions .button{min-height:48px!important;width:100%!important;padding:10px!important;font-size:12px!important;white-space:normal!important}
 body.home-page .hero .hero-actions .button::after{font-size:15px!important;margin-left:7px!important}
 body.home-page .hero-route-note{font-size:12px!important;margin-bottom:20px!important}
 body.home-page .hero .event-summary{gap:9px!important}
 body.home-page .hero .event-summary>div{padding:13px!important;min-height:88px!important}
 body.home-page .hero .event-summary dt{font-size:9px!important;letter-spacing:.04em!important}
 body.home-page .hero .event-summary dd{font-size:14px!important;line-height:1.6!important}
 body.home-page .hero .hero-visual{max-width:390px!important;margin:auto!important}
 body.home-page .hero .hero-sport-figures{height:290px!important}
 body.home-page .hero .sport-labels{gap:5px!important;margin-top:15px!important}
 body.home-page .hero .sport-labels>span{font-size:9px!important;padding:4px 6px!important;min-height:27px!important}
 body.home-page :is(#aboutTitle,#mascotTitle,#valuesTitle,#organizersTitle,#sportsTitle,#timelineTitle,#registrationTitle,#processTitle,#faqTitle,#contactTitle){font-size:30px!important;line-height:1.18!important;max-width:100%!important}
 body.home-page .about-grid,body.home-page .mascot-grid,body.home-page .organizers-heading,body.home-page .faq-layout{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 body.home-page .about-summary,body.home-page .mascot-content>p,body.home-page .organizers-description,body.home-page .registration-description{font-size:14px!important;line-height:1.85!important}
 body.home-page .opening-countdown{padding:22px!important;border-radius:16px!important}
 body.home-page .opening-countdown-unit strong{font-size:25px!important}
 body.home-page .mascot-visual{max-width:240px!important}
 body.home-page .values-heading{display:block!important}
 body.home-page .values-grid{gap:10px!important}
 body.home-page .value-card{padding:16px!important}
 body.home-page .value-card h3{font-size:16px!important}
 body.home-page .value-card p{font-size:12px!important}
 body.home-page .organizers-purpose{grid-template-columns:1fr!important}
 body.home-page #sportsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 body.home-page #sportsGrid>.sport-card,body.home-page #sportsGrid>.sport-card.sport-card-teaser[data-accent="mystery"]{padding:13px!important;border-radius:14px!important}
 body.home-page #sportsGrid>.sport-card .sport-card-top,body.home-page #sportsGrid>.sport-card.sport-card-teaser[data-accent="mystery"] .sport-card-top{height:180px!important;min-height:180px!important;margin-bottom:16px!important}
 body.home-page #sportsGrid>.sport-card>h3,body.home-page #sportsGrid>.sport-card.sport-card-teaser[data-accent="mystery"]>h3{font-size:22px!important}
 body.home-page .home-registration-options{grid-template-columns:1fr!important;gap:12px!important}
 body.home-page .home-registration-options>a{padding:20px!important}
 body.home-page .registration-period{grid-template-columns:1fr!important;gap:8px!important}
 body.home-page .registration-period>div{display:grid!important;grid-template-columns:95px 1fr!important;align-items:center!important;gap:12px!important;padding:13px!important}
 body.home-page #pendaftaran .process-grid{grid-template-columns:1fr!important;gap:10px!important}
 body.home-page #pendaftaran .process-card{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:14px!important;padding:18px!important}
 body.home-page .faq-topic-filter{flex-wrap:wrap!important}
 body.home-page .contact-heading{display:grid!important;gap:24px!important}
 body.home-page #contactsGrid{grid-template-columns:1fr!important;gap:10px!important}
 body.home-page .contact-section .contact-card{padding:16px!important;gap:16px!important}
 body.home-page .contact-section .contact-card strong{font-size:14px!important}
 body.home-page .contact-section .contact-label{font-size:12px!important}
 body.home-page .contact-section .contact-card small{font-size:12px!important}
 body.home-page .footer-main{grid-template-columns:1fr 1fr!important;gap:24px!important}
 body.home-page .footer-identity{grid-column:1/-1!important}
}
@media(max-width:420px){
 body.home-page .hero .hero-sport-figures{height:255px!important}
 body.home-page #sportsGrid{grid-template-columns:1fr!important}
 body.home-page #sportsGrid>.sport-card .sport-card-top,body.home-page #sportsGrid>.sport-card.sport-card-teaser[data-accent="mystery"] .sport-card-top{height:215px!important;min-height:215px!important}
 body.home-page #sportsGrid>.sport-card,body.home-page #sportsGrid>.sport-card.sport-card-teaser[data-accent="mystery"]{padding:18px!important}
 body.home-page .social-links{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){body.home-page *,body.home-page *::before,body.home-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}