.oge-page{--exam-gold:#9de4c7;--exam-rule:#7ac8b33d;--exam-soft:#72bea60b}
.oge-hero{align-items:center;grid-template-columns:1.03fr 1fr;gap:37px;margin-top:28px;margin-bottom:62px}
.oge-copy h1{letter-spacing:-.045em}.oge-copy .exam-heading-prefix{font-size:clamp(24px,2.4vw,31px);margin-bottom:14px}.oge-copy .oge-heading-root{font-size:clamp(110px,10.8vw,156px);letter-spacing:-.055em;line-height:1.04;color:var(--exam-gold)}
.oge-stage{position:relative;isolation:isolate;width:100%;max-width:560px;margin:auto;perspective:1100px;overflow:clip;padding:12px 8px 6px}
.oge-workspace{display:block;position:relative;width:100%;height:auto;object-fit:contain;z-index:1;transform-origin:50% 70%;animation:oge-workspace-float 16s ease-in-out infinite;will-change:transform}
.oge-orbit{position:absolute;inset:6% 1% 20%;border:1px solid var(--exam-rule);border-radius:50%;transform:rotate(-14deg);background:radial-gradient(ellipse at 50% 45%,var(--exam-soft),transparent 68%);pointer-events:none}
.oge-route{position:relative;width:94%;margin:14px auto 0;border:1px solid var(--exam-rule);background:linear-gradient(120deg,var(--surface2),var(--surface));padding:18px 20px 15px;border-radius:23px;z-index:2}
.oge-route-title{display:block;font-size:14px;line-height:1.5;font-weight:550;margin-bottom:15px;color:var(--text)}
.oge-route ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.oge-route li{font-size:13px;line-height:1.5;color:var(--muted);display:flex;gap:11px;align-items:center}
.oge-route li>span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border:1px solid var(--exam-rule);border-radius:11px;background:var(--bg);color:var(--exam-gold);font-size:11px;font-weight:600}
.oge-progress{margin-top:15px;height:2px;border-radius:4px;background:var(--border);overflow:hidden}.oge-progress>span{display:block;width:100%;height:100%;background:var(--exam-gold);transform-origin:left;animation:oge-progress 16s ease-in-out infinite}
.oge-page .exam-direction{background:linear-gradient(135deg,var(--surface),var(--exam-soft))}.oge-page .exam-focus{background:linear-gradient(135deg,var(--exam-soft),var(--surface));border-color:var(--exam-rule)}
.oge-stage.is-offscreen *{animation-play-state:paused!important}
@keyframes oge-workspace-float{0%,100%{transform:translateY(0) rotateY(-2deg) rotateZ(-.6deg)}50%{transform:translateY(-6px) rotateY(2deg) rotateZ(.6deg)}}
@keyframes oge-progress{0%,6%{transform:scaleX(.03)}65%,88%{transform:scaleX(1)}100%{transform:scaleX(.03)}}
:root[data-theme=light] .oge-page{--exam-gold:#266454;--exam-rule:#679e8552;--exam-soft:#dbeedb2b}
@media(max-width:1100px){.oge-hero{gap:22px}.oge-route{padding:16px 14px}.oge-route li{gap:8px}.oge-route li>span{width:27px;height:29px}}
@media(max-width:900px){.oge-hero{grid-template-columns:1fr;gap:27px}.oge-copy{max-width:690px}.oge-copy .oge-heading-root{font-size:145px}.oge-stage{max-width:520px}.oge-route{width:94%}}
@media(max-width:600px){.oge-hero{gap:25px;margin-top:26px;margin-bottom:38px}.oge-copy .exam-heading-prefix{font-size:23px;margin-bottom:11px}.oge-copy .oge-heading-root{font-size:clamp(105px,30vw,132px)}.oge-stage{padding:9px 0 0}.oge-route{width:100%;margin-top:14px;padding:16px 14px;border-radius:21px}.oge-route-title{font-size:12px;margin-bottom:14px}.oge-route ol{gap:8px}.oge-route li{display:block;font-size:12px;line-height:1.55}.oge-route li>span{width:28px;height:28px;margin-bottom:8px;border-radius:9px}.oge-progress{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.oge-stage *{animation:none!important}.oge-progress>span{transform:scaleX(1)}}