.events-overview-page {
    color: var(--acc-text);
    background: var(--acc-bg);
    font-family: var(--ui-font, Inter, system-ui, sans-serif);
}
.events-overview-page * { box-sizing: border-box; }
.events-overview-page h1,
.events-overview-page h2,
.events-overview-page h3 { color: var(--acc-text); font-family: inherit; letter-spacing: -.035em; }
.events-overview-page p { color: var(--acc-muted); line-height: 1.7; }
.eo-hero { padding: 82px 0 76px; overflow: hidden; border-bottom: 1px solid var(--acc-border); background: radial-gradient(circle at 14% 15%, rgba(15,118,110,.13), transparent 32%), linear-gradient(135deg, var(--acc-surface-alt), var(--acc-bg) 68%); }
.eo-hero-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(470px,1.08fr); gap: 70px; align-items: center; }
.eo-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--acc-primary); font-size: .76rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.eo-hero h1 { max-width: 690px; margin: 18px 0 0; font-size: clamp(2.8rem,5vw,4.8rem); font-weight: 850; line-height: 1.01; }
.eo-hero h1 em { color: var(--acc-primary); font-style: normal; }
.eo-hero-copy > p { max-width: 650px; margin: 24px 0 0; font-size: 1.12rem; }
.eo-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
.eo-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; border: 1px solid transparent; border-radius: 13px; font-weight: 800; text-decoration: none !important; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.eo-button:hover { transform: translateY(-2px); }
.eo-button.is-primary { color: #fff !important; background: var(--acc-primary); box-shadow: 0 13px 30px rgba(15,118,110,.24); }
.eo-button.is-primary:hover { background: var(--acc-primary-dark); }
.eo-button.is-secondary { color: var(--acc-text) !important; border-color: var(--acc-border); background: var(--acc-surface); }
.eo-button.is-secondary:hover { color: var(--acc-primary) !important; border-color: var(--acc-primary); }
.eo-note { display: block; margin-top: 17px; color: var(--acc-muted); font-size: .83rem; }
.eo-note a { color: var(--acc-primary); font-weight: 800; }
.eo-flow-preview { padding: 28px; border: 1px solid var(--acc-border); border-radius: 24px; background: var(--acc-surface); box-shadow: var(--acc-shadow-lg); }
.eo-flow-start { width: 220px; display: flex; align-items: center; gap: 13px; margin: 0 auto; padding: 15px; border: 1px solid color-mix(in srgb,var(--acc-primary) 28%,var(--acc-border)); border-radius: 15px; background: var(--acc-primary-soft); }
.eo-flow-start > i { width: 42px; height: 42px; display: grid; place-items: center; color: #fff; border-radius: 12px; background: var(--acc-primary); font-size: 1.3rem; }
.eo-flow-preview small { display: block; color: var(--acc-primary); font-size: .62rem; font-weight: 850; letter-spacing: .09em; }
.eo-flow-preview strong { display: block; margin-top: 2px; color: var(--acc-text); }
.eo-flow-line { width: 2px; height: 25px; margin: 0 auto; background: var(--acc-border); }
.eo-flow-middle { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.eo-flow-middle span { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 52px; padding: 9px; color: var(--acc-text); border: 1px solid var(--acc-border); border-radius: 12px; background: var(--acc-surface-alt); font-size: .75rem; }
.eo-flow-middle i { color: var(--acc-primary); font-size: 1.15rem; }
.eo-flow-branch { position: relative; width: 52%; height: 37px; margin: 0 auto; border-top: 2px solid var(--acc-border); }
.eo-flow-branch::before { content: ""; position: absolute; top: -27px; left: 50%; width: 2px; height: 27px; background: var(--acc-border); }
.eo-flow-branch span { position: absolute; top: 0; width: 2px; height: 37px; background: var(--acc-border); }
.eo-flow-branch span:first-child { left: 0; }.eo-flow-branch span:last-child { right: 0; }
.eo-flow-outcomes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.eo-flow-outcomes article { display: grid; grid-template-columns: 45px 1fr; gap: 12px; align-items: center; min-width: 0; padding: 15px; border: 1px solid var(--acc-border); border-radius: 15px; background: var(--acc-bg); }
.eo-flow-outcomes article > i { width: 43px; height: 43px; display: grid; place-items: center; color: #fff; border-radius: 12px; background: #5947d9; font-size: 1.35rem; }
.eo-flow-outcomes article:last-child > i { background: #f97316; }
.eo-flow-outcomes b { display: block; margin-top: 3px; overflow: hidden; color: var(--acc-muted); font-size: .65rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.eo-band { border-bottom: 1px solid var(--acc-border); background: var(--acc-surface); }
.eo-band .acc-shell { display: grid; grid-template-columns: repeat(4,1fr); }
.eo-band span { padding: 22px 14px; border-inline-end: 1px solid var(--acc-border); text-align: center; color: var(--acc-muted); font-size: .82rem; font-weight: 800; }
.eo-band span:first-child { border-inline-start: 1px solid var(--acc-border); }
.eo-section { padding: 82px 0; }
.eo-section.is-soft { border-block: 1px solid var(--acc-border); background: var(--acc-surface-alt); }
.eo-heading { max-width: 760px; margin-bottom: 36px; }
.eo-heading h2,.eo-final h2 { margin: 12px 0 0; font-size: clamp(2rem,3.5vw,3.2rem); font-weight: 820; line-height: 1.08; }
.eo-heading > p { margin: 17px 0 0; font-size: 1.02rem; }
.eo-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.eo-steps li { position: relative; min-width: 0; padding: 25px; border: 1px solid var(--acc-border); border-radius: 18px; background: var(--acc-surface); box-shadow: var(--acc-shadow-sm); }
.eo-steps li > span { position: absolute; top: 19px; right: 20px; color: var(--acc-muted); font-size: .68rem; font-weight: 850; letter-spacing: .08em; }
.eo-steps li > i,.eo-core-grid article > i { width: 44px; height: 44px; display: grid; place-items: center; color: var(--acc-primary); border-radius: 12px; background: var(--acc-primary-soft); font-size: 1.28rem; }
.eo-steps h3,.eo-core-grid h3,.eo-role-list h3 { margin: 17px 0 8px; font-size: 1.08rem; font-weight: 800; }
.eo-steps p,.eo-core-grid p { margin: 0; font-size: .88rem; }
.eo-core-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.eo-core-grid article { padding: 28px; border: 1px solid var(--acc-border); border-radius: 18px; background: var(--acc-surface); }
.eo-path-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; }
.eo-path-card { position: relative; overflow: hidden; padding: 34px; border: 1px solid var(--acc-border); border-radius: 23px; background: var(--acc-surface); box-shadow: var(--acc-shadow-sm); }
.eo-path-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: #5947d9; }.eo-path-card.is-race::before { background: #f97316; }
.eo-path-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 22px; color: #fff; border-radius: 15px; background: #5947d9; font-size: 1.55rem; }.eo-path-card.is-race .eo-path-icon { background: #f97316; }
.eo-path-label { color: var(--acc-muted); font-size: .7rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.eo-path-card h3 { max-width: 490px; margin: 10px 0 23px; font-size: 1.5rem; font-weight: 820; }
.eo-path-card ol { display: grid; gap: 11px; margin: 0; padding: 0; counter-reset: path; list-style: none; }
.eo-path-card li { display: grid; grid-template-columns: 27px 1fr; align-items: center; color: var(--acc-muted); font-size: .88rem; }.eo-path-card li::before { counter-increment: path; content: counter(path); width: 25px; height: 25px; display: grid; place-items: center; color: var(--acc-primary); border-radius: 8px; background: var(--acc-primary-soft); font-size: .68rem; font-weight: 850; }
.eo-path-card > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 25px; color: var(--acc-primary); font-weight: 800; text-decoration: none; }
.eo-roles-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; }
.eo-role-list { display: grid; gap: 12px; }
.eo-role-list article { display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; padding: 20px; border: 1px solid var(--acc-border); border-radius: 16px; background: var(--acc-surface); }
.eo-role-list article > i { width: 46px; height: 46px; display: grid; place-items: center; color: var(--acc-primary); border-radius: 13px; background: var(--acc-primary-soft); font-size: 1.3rem; }
.eo-role-list h3 { margin: 1px 0 5px; }.eo-role-list p { margin: 0; font-size: .86rem; }
.eo-final { display: flex; align-items: center; justify-content: space-between; gap: 45px; padding: clamp(30px,5vw,52px); color: #fff; border-radius: 26px; background: linear-gradient(135deg,#0b172a,#0f766e); box-shadow: var(--acc-shadow-lg); }
.eo-final .eo-eyebrow { color: #99f6e4; }.eo-final h2 { max-width: 750px; color: #fff; }.eo-final p { margin: 12px 0 0; color: #d7e8e7; }
.eo-final-actions { display: flex; flex: none; gap: 10px; }.eo-button.is-light { color: #0b172a !important; background: #fff; }.eo-button.is-outline { color: #fff !important; border-color: rgba(255,255,255,.55); background: transparent; }
html[data-theme="dark"] .eo-hero { background: radial-gradient(circle at 14% 15%,rgba(45,212,191,.11),transparent 32%),linear-gradient(135deg,#0b172a,var(--acc-bg) 68%); }
@media (max-width: 1000px) { .eo-hero-grid { grid-template-columns: 1fr; }.eo-flow-preview { width: min(680px,100%); }.eo-roles-grid { grid-template-columns: 1fr; gap: 20px; }.eo-roles-grid .eo-heading { margin-bottom: 10px; } }
@media (max-width: 760px) { .eo-hero { padding: 58px 0; }.eo-section { padding: 64px 0; }.eo-steps,.eo-core-grid,.eo-path-grid { grid-template-columns: 1fr; }.eo-band .acc-shell { width: 100%; grid-template-columns: repeat(2,1fr); }.eo-band span { border-bottom: 1px solid var(--acc-border); }.eo-final { align-items: flex-start; flex-direction: column; }.eo-final-actions { width: 100%; }.eo-final-actions .eo-button { flex: 1; } }
@media (max-width: 520px) { .eo-hero-grid { gap: 42px; }.eo-hero h1 { font-size: 2.55rem; }.eo-actions { display: grid; }.eo-flow-preview { padding: 17px; }.eo-flow-middle { grid-template-columns: 1fr; }.eo-flow-branch { height: 28px; }.eo-flow-outcomes { grid-template-columns: 1fr; }.eo-flow-branch { display: none; }.eo-flow-outcomes { margin-top: 12px; }.eo-final-actions { flex-direction: column; }.eo-path-card { padding: 27px 23px; } }