.f5-st-page { --st-yellow: var(--f5-yellow, #e8ff24); --st-black: var(--f5-black, #080a0d); --st-panel: var(--f5-panel, #191d23); --st-muted: var(--f5-muted, #aeb5bf); --st-line: var(--f5-line, rgba(255,255,255,.12)); overflow: hidden; background: var(--st-black); color: #fff; }
.f5-st-page *, .f5-st-page *::before, .f5-st-page *::after { box-sizing: border-box; }
.f5-st__content > *, .f5-st > * { margin-block: 0; }
.f5-st-page a { color: inherit; }
.f5-st-page .f5-container { width: min(calc(100% - 40px), var(--f5-content)); max-width: var(--f5-content); margin-inline: auto !important; }
.f5-st-section { padding: clamp(72px, 8vw, 112px) 0; scroll-margin-top: 112px; }
.f5-st-section--panel { background: #111419; }
.f5-st-hero { position: relative; isolation: isolate; min-height: 660px; padding: 0; overflow: hidden; background: #050607; }
.f5-st-hero > .wp-block-cover__image-background { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.f5-st-hero > .wp-block-cover__background { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(3,5,6,.97), rgba(3,5,6,.78) 45%, rgba(3,5,6,.18) 82%) !important; opacity: 1 !important; }
.f5-st-hero > .wp-block-cover__inner-container { position: relative; z-index: 2; width: 100%; }
.f5-st-hero::after { content: ""; position: absolute; z-index: 1; right: -6%; bottom: -45px; width: 48%; height: 125px; transform: skewX(-35deg); background: repeating-linear-gradient(90deg, transparent 0 28px, rgba(232,255,36,.88) 28px 70px, transparent 70px 92px); filter: drop-shadow(0 0 20px rgba(232,255,36,.22)); opacity: .55; }
.f5-st-hero__inner { display: flex; min-height: 660px; align-items: center; }
.f5-st-hero__content { width: min(690px, 62%); margin: 0 !important; }
.f5-st-hero__content > * { margin-right: 0 !important; margin-left: 0 !important; }
.f5-st-hero h1 { margin: 0; font-family: var(--f5-display); font-size: clamp(3.5rem, 7vw, 6.8rem); line-height: .86; text-transform: uppercase; }
.f5-st-hero h1 em { color: var(--st-yellow); font-style: normal; }
.f5-st-hero__content > p:not(.f5-kicker) { max-width: 610px; margin: 28px 0 0 !important; color: #e4e7eb; font-size: clamp(1rem, 1.5vw, 1.2rem); }
.f5-st-actions { gap: 12px; margin-top: 30px !important; }
.f5-st-subnav { position: sticky; z-index: 20; top: 82px; overflow-x: auto; border-bottom: 1px solid var(--st-line); background: rgba(8,10,13,.94); backdrop-filter: blur(12px); }
.f5-st-subnav .f5-container { display: flex; justify-content: center; gap: clamp(18px, 5vw, 64px); padding: 17px 0; }
.f5-st-subnav p { flex: 0 0 auto; margin: 0 !important; }
.f5-st-subnav a { color: #d8dce2; font-size: .73rem; font-weight: 900; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.f5-st-subnav a:hover { color: var(--st-yellow); }
.f5-st-intro { max-width: 780px; margin: 24px 0 0 !important; color: var(--st-muted); font-size: clamp(1.05rem, 1.6vw, 1.25rem); }
.f5-st-goals, .f5-st-practical { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 50px 0 0 !important; }
.f5-st-goals > .f5-st-goal, .f5-st-practical > .f5-st-practical__card { display: flex; min-height: 310px; height: 100%; box-sizing: border-box; flex-direction: column; margin-block: 0 !important; padding: 36px; border: 1px solid var(--st-line); border-radius: 18px; background: var(--st-panel); }
.f5-st-goal > *, .f5-st-practical__card > * { margin-right: 0 !important; margin-left: 0 !important; }
.f5-st-goal__icon { margin: 0 !important; color: var(--st-yellow); }
.f5-st-goal__icon .dashicons { width: 52px; height: 52px; font-size: 52px; }
.f5-st-goal h3 { margin-top: 86px !important; }
.f5-st-goal h3, .f5-st-practical__card h3 { margin: 0 0 14px !important; font-family: var(--f5-display); font-size: 2.25rem; line-height: 1; text-transform: uppercase; }
.f5-st-goal h3 { margin-top: 86px !important; }
.f5-st-goal > p:last-child, .f5-st-practical__card > p:last-child { margin: 0 !important; color: var(--st-muted); }
.f5-st-heading-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .7fr); gap: 64px; align-items: end; }
.f5-st-heading-row > * { margin: 0 !important; }
.f5-st-heading-row > p { color: var(--st-muted); font-size: 1.08rem; }
.f5-st-program { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 54px 0 0 !important; border-top: 4px solid var(--st-yellow); }
.f5-st-program > .f5-st-program__item { min-height: 300px; height: 100%; margin-block: 0 !important; padding: 30px; border-right: 1px solid var(--st-line); background: var(--st-panel); }
.f5-st-program > .f5-st-program__item:last-child { border-right: 0; }
.f5-st-program__item > * { margin-right: 0 !important; margin-left: 0 !important; }
.f5-st-program__number { margin: 0 0 62px !important; color: var(--st-yellow); font-family: var(--f5-display); font-size: 1.45rem; }
.f5-st-program__item h3 { margin: 0 0 14px !important; font-family: var(--f5-display); font-size: 1.9rem; line-height: 1; text-transform: uppercase; }
.f5-st-program__item > p:last-child { margin: 0 !important; color: var(--st-muted); }
.f5-st-day { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: clamp(46px, 8vw, 110px); align-items: center; }
.f5-st-day > * { margin: 0 !important; }
.f5-st-day__copy > p:last-child { max-width: 650px; margin: 24px 0 0 !important; color: var(--st-muted); font-size: 1.08rem; }
.f5-st-day__facts { margin: 0 !important; padding: 34px; border: 1px solid rgba(232,255,36,.32); border-radius: 18px; background: var(--st-panel); }
.f5-st-day__facts p { position: relative; margin: 0 !important; padding: 22px 0 22px 62px; border-bottom: 1px solid var(--st-line); color: var(--st-muted); }
.f5-st-day__facts p:last-child { border-bottom: 0; }
.f5-st-day__facts .dashicons { position: absolute; top: 25px; left: 0; width: 40px; height: 40px; color: var(--st-yellow); font-size: 40px; }
.f5-st-day__facts strong { color: #fff; font-size: 1.15rem; text-transform: uppercase; }
.f5-st-dates { display: grid; gap: 14px; margin: 48px 0 0 !important; }
.f5-st-date { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(320px, 1.4fr) 190px; gap: 32px; align-items: center; margin: 0 !important; padding: 24px 28px; border: 1px solid var(--st-line); border-left: 4px solid var(--st-yellow); border-radius: 14px; background: var(--st-panel); }
.f5-st-date > * { margin: 0 !important; }
.f5-st-date h3 { font-family: var(--f5-display); font-size: clamp(1.65rem, 2.3vw, 2.25rem); line-height: 1; text-transform: uppercase; }
.f5-st-date p { color: var(--st-muted); line-height: 1.65; }
.f5-st-date p strong { color: #fff; }
.f5-st-date .wp-block-button, .f5-st-date .wp-block-button__link { width: 100%; }
.f5-st-practical { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 22px !important; }
.f5-st-practical > .f5-st-practical__card { min-height: 220px; justify-content: flex-end; border-top: 4px solid var(--st-yellow); border-radius: 0 0 18px 18px; }
.f5-st-section--cta { background: var(--st-yellow); color: var(--st-black); }
.f5-st-registration { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 60px; align-items: center; }
.f5-st-registration > * { margin: 0 !important; }
.f5-st-registration .f5-kicker { color: var(--st-black); }
.f5-st-registration h2 { margin: 0; font-family: var(--f5-display); font-size: clamp(3.2rem, 6vw, 5.7rem); line-height: .9; text-transform: uppercase; }
.f5-st-registration p:last-child { max-width: 720px; margin: 22px 0 0 !important; }
.f5-st-registration__actions { align-items: stretch; }
.f5-st-registration__actions .wp-block-button, .f5-st-registration__actions .wp-block-button__link { width: 100%; }
.f5-st-registration .f5-button-block--dark .wp-block-button__link { border-color: var(--st-black); background: var(--st-black); color: #fff; }
.f5-st-registration .f5-button-block--dark .wp-block-button__link:hover { border-color: #fff; background: #fff; color: var(--st-black); }
@media (max-width: 960px) { .f5-st-goals, .f5-st-practical { grid-template-columns: 1fr; } .f5-st-date { grid-template-columns: 1fr 1.35fr; } .f5-st-date .wp-block-button { grid-column: 1 / -1; } .f5-st-program { grid-template-columns: repeat(2, minmax(0, 1fr)); } .f5-st-program > .f5-st-program__item:nth-child(2) { border-right: 0; } .f5-st-day, .f5-st-registration { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .f5-st-page .f5-container { width: min(calc(100% - 28px), var(--f5-content)); } .f5-st-hero, .f5-st-hero__inner { min-height: 650px; } .f5-st-hero > .wp-block-cover__image-background { object-position: 62% center; opacity: 1; } .f5-st-hero > .wp-block-cover__background { background: linear-gradient(180deg, rgba(3,5,6,.16), rgba(3,5,6,.48) 56%, rgba(3,5,6,.94) 88%) !important; } .f5-st-hero__inner { align-items: flex-end; padding-bottom: 58px; } .f5-st-hero__content { width: 100%; } .f5-st-hero h1 { font-size: clamp(3.2rem, 16vw, 5rem); } .f5-st-actions { flex-direction: column; align-items: stretch; } .f5-st-actions .wp-block-button, .f5-st-actions .wp-block-button__link { width: 100%; } .f5-st-subnav { top: 68px; } .f5-st-subnav .f5-container { justify-content: flex-start; } .f5-st-heading-row, .f5-st-program, .f5-st-date { grid-template-columns: 1fr; } .f5-st-date { gap: 16px; padding: 24px 22px; } .f5-st-date .wp-block-button { grid-column: auto; } .f5-st-program > .f5-st-program__item { min-height: 250px; border-right: 0; border-bottom: 1px solid var(--st-line); } .f5-st-program__number { margin-bottom: 42px !important; } .f5-st-goals > .f5-st-goal { min-height: 275px; padding: 30px; } .f5-st-goal h3 { margin-top: 58px !important; } .f5-st-day__facts { padding: 25px; } }
@media (max-width: 960px) and (max-height: 560px) and (orientation: landscape) { .f5-st-hero > .wp-block-cover__image-background { object-position: 64% center; opacity: 1; } .f5-st-hero > .wp-block-cover__background { background: linear-gradient(90deg, rgba(3,5,6,.86), rgba(3,5,6,.34) 72%, rgba(3,5,6,.12)) !important; } }
@media (prefers-reduced-motion: reduce) { .f5-st-page { scroll-behavior: auto; } }