.fp-info-page{margin:0;background:#071e2b;color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}
.fp-info-scene{position:relative;flex:1;display:flex;flex-direction:column;background:#071e2b}
.fp-info-background{position:absolute;inset:0 0 0 auto;width:55%;pointer-events:none;background-image:linear-gradient(90deg,#071e2b 0%,rgba(7,30,43,.85) 10%,rgba(7,30,43,0) 38%),var(--hero-image,none);background-size:cover;background-position:75% center;background-repeat:no-repeat}
.fp-info-scene>header,.fp-info-main{position:relative}
.fp-info-main{width:min(1024px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:40px;align-items:center;padding:40px 0 60px}
.fp-info-intro h1{font-size:42px;line-height:1.1;margin:16px 0;letter-spacing:-1px}.fp-info-intro>p:last-child{color:#c7d7df;font-size:20px}
.fp-info-panel{background:#f8fbff;color:#102333;border:1px solid #d4dfe7;border-radius:12px;padding:28px;font-size:15px;line-height:1.6}
.fp-info-panel h2{font-size:21px;margin:0 0 12px}.fp-info-panel p{margin:0 0 16px}.fp-info-panel ul{padding-left:20px;margin:16px 0 24px}.fp-info-panel li{margin:12px 0}
.fp-info-panel .fp-steps{margin:20px 0}.fp-info-panel .fp-steps article{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #d4dfe7}.fp-info-panel .fp-steps article:last-child{border:0}.fp-info-panel .fp-steps h2{font-size:16px;margin:0 0 5px}.fp-info-panel .fp-steps p{font-size:14px;margin:0;color:#536577}.fp-step-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#6af02e;color:#102333;font-weight:700}
.fp-info-footer{padding:0 24px;background:#071e2b;color:#c7d7df;border-top:1px solid #314955;margin-top:auto;flex-shrink:0}
@media(max-width:750px){.fp-info-main{grid-template-columns:1fr;width:calc(100% - 32px);gap:24px;padding:28px 0 36px}.fp-info-intro h1{font-size:32px}.fp-info-panel{padding:22px}.fp-info-background{background-position:70% center}}

/* Use the same viewport-sized background geometry as Match Center and Predictions. */
html body.fp-info-page .fp-info-background{position:fixed!important;inset:0 0 auto auto!important;width:55%!important;height:100vh!important;height:100svh!important;background-size:cover!important;background-position:75% top!important;animation:none!important;transition:none!important;transform:none!important}
html body.fp-info-page .fp-info-footer{position:relative;z-index:1}