.f5-ch-page { --ch-yellow: #e8ff24; --ch-black: #080a0d; --ch-panel: #191d23; --ch-line: rgba(255,255,255,.13); --ch-muted: #b5bcc6; background: var(--ch-black); color: #fff; }
.f5-ch-page .f5-container { width: min(calc(100% - 40px), var(--f5-content)); max-width: var(--f5-content); margin-inline: auto !important; }
.f5-ch__content > *, .f5-ch > * { margin-block: 0; }
.f5-ch-hero { position: relative; isolation: isolate; min-height: 620px; padding: 0; overflow: hidden; }
.f5-ch-hero > .wp-block-cover__image-background { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.f5-ch-hero > .wp-block-cover__background { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(3,5,6,.98), rgba(3,5,6,.82) 46%, rgba(3,5,6,.2) 84%) !important; opacity: 1 !important; }
.f5-ch-hero > .wp-block-cover__inner-container { position: relative; z-index: 2; width: 100%; max-width: none !important; }
.f5-ch-hero::after { content: ""; position: absolute; z-index: 1; right: -7%; bottom: -42px; width: 52%; height: 130px; transform: skewX(-34deg); background: repeating-linear-gradient(90deg, transparent 0 26px, rgba(232,255,36,.9) 26px 68px, transparent 68px 92px); filter: drop-shadow(0 0 22px rgba(232,255,36,.28)); opacity: .58; }
.f5-ch-hero__inner { display: flex; min-height: 620px; align-items: center; }
.f5-ch-hero__content { width: min(760px, 64%); margin: 0 !important; }
.f5-ch-hero__content > * { margin-right: 0 !important; margin-left: 0 !important; }
.f5-ch-hero h1 { margin: 0 !important; font-family: var(--f5-display); font-size: clamp(3.6rem, 7vw, 7rem); line-height: .84; text-transform: uppercase; }
.f5-ch-hero h1 em { color: var(--ch-yellow); font-style: normal; }
.f5-ch-hero__content > p:not(.f5-kicker) { max-width: 620px; margin: 30px 0 0 !important; color: #e8ebef; font-size: clamp(1.05rem, 1.6vw, 1.25rem); }
.f5-ch-hero .wp-block-button { margin: 34px 0 0 !important; }
.f5-ch-section { padding: clamp(76px, 8vw, 116px) 0; scroll-margin-top: 110px; }
.f5-ch-intro { max-width: 760px; margin: 24px 0 0 !important; color: var(--ch-muted); font-size: clamp(1.05rem, 1.5vw, 1.2rem); }
.f5-ch-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 52px 0 0 !important; }
.f5-ch-grid > .f5-ch-card { position: relative; display: flex; min-height: 510px; height: 100%; box-sizing: border-box; flex-direction: column; margin-block: 0 !important; padding: 42px; overflow: hidden; border: 1px solid var(--ch-line); border-radius: 18px; background: linear-gradient(145deg, #1d2229, #15191f); }
.f5-ch-card::after { content: ""; position: absolute; top: 0; right: 0; width: 88px; height: 7px; background: var(--ch-yellow); box-shadow: 0 0 22px rgba(232,255,36,.35); }
.f5-ch-card > * { position: relative; z-index: 1; margin-right: 0 !important; margin-left: 0 !important; }
.f5-ch-card__number { margin: 0 0 54px !important; color: var(--ch-yellow); font-family: var(--f5-display); font-size: 2.1rem; line-height: 1; }
.f5-ch-card h3 { min-height: 2em; margin: 0 0 18px !important; font-family: var(--f5-display); font-size: clamp(2.25rem, 3.7vw, 3.6rem); line-height: .92; text-transform: uppercase; }
.f5-ch-card > p:not(.f5-ch-card__number) { max-width: 520px; margin: 0 0 30px !important; color: var(--ch-muted); }
.f5-ch-card__links { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; margin: auto 0 0 !important; }
.f5-ch-card__links > .wp-block-button { width: 100%; margin: 0 !important; }
.f5-ch-link .wp-block-button__link { display: flex; width: 100%; min-height: 54px; align-items: center; justify-content: space-between; padding: 13px 16px; border: 1px solid rgba(232,255,36,.45); border-radius: 8px; background: rgba(232,255,36,.04); color: #fff; font-size: .78rem; font-weight: 900; letter-spacing: .035em; line-height: 1.25; text-align: left; text-decoration: none; text-transform: uppercase; transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms ease; }
.f5-ch-link .wp-block-button__link::after { content: "→"; flex: 0 0 auto; margin-left: 10px; color: var(--ch-yellow); font-size: 1rem; }
.f5-ch-link .wp-block-button__link:hover { transform: translateY(-2px); border-color: var(--ch-yellow); background: var(--ch-yellow); color: var(--ch-black); }
.f5-ch-link .wp-block-button__link:hover::after { color: var(--ch-black); }
@media (max-width: 900px) { .f5-ch-grid { grid-template-columns: 1fr; } .f5-ch-grid > .f5-ch-card { min-height: 0; } .f5-ch-card h3 { min-height: 0; } }
@media (max-width: 680px) { .f5-ch-page .f5-container { width: min(calc(100% - 28px), var(--f5-content)); } .f5-ch-hero, .f5-ch-hero__inner { min-height: 650px; } .f5-ch-hero > .wp-block-cover__image-background { object-position: 70% center; opacity: 1; } .f5-ch-hero > .wp-block-cover__background { background: linear-gradient(180deg, rgba(3,5,6,.14), rgba(3,5,6,.46) 56%, rgba(3,5,6,.94) 88%) !important; } .f5-ch-hero__inner { align-items: flex-end; padding-bottom: 58px; } .f5-ch-hero__content { width: 100%; } .f5-ch-hero h1 { font-size: clamp(3.15rem, 15vw, 4.8rem); } .f5-ch-grid > .f5-ch-card { padding: 30px; } .f5-ch-card__number { margin-bottom: 38px !important; } .f5-ch-card__links { grid-template-columns: 1fr; } }
@media (max-width: 960px) and (max-height: 560px) and (orientation: landscape) { .f5-ch-hero > .wp-block-cover__image-background { object-position: 70% center; opacity: 1; } .f5-ch-hero > .wp-block-cover__background { background: linear-gradient(90deg, rgba(3,5,6,.86), rgba(3,5,6,.3) 72%, rgba(3,5,6,.08)) !important; } }