:root{--text-primary: #f4f8ff;--panel-border: rgba(255, 255, 255, .12);--container-width: 980px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Charlie Display,Segoe UI,Tahoma,sans-serif;color:var(--text-primary);background:#06080e}.portal-page{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;background-image:linear-gradient(180deg,#02060e94,#02060ee6),var(--page-bg-image);background-size:cover;background-position:center top;background-repeat:no-repeat;position:relative;overflow:hidden}.portal-theme-forza{--page-bg-image: url(/assets/portal-bg.svg);--hero-bg-image: url(/assets/hero-bg.svg)}.portal-page:before,.portal-page:after{content:"";position:absolute;width:240px;height:140%;top:-16%;pointer-events:none;background:linear-gradient(180deg,#98132780,#1f081a33);z-index:0}.portal-page:before{left:-86px;transform:rotate(33deg)}.portal-page:after{right:-150px;transform:rotate(33deg)}.portal-page>*{position:relative;z-index:1}.portal-topbar{height:46px;background:#02050c;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 22px}.portal-wordmark{color:#fff;font-size:.86rem;font-weight:800;letter-spacing:.28rem;line-height:1}.hero{position:relative;min-height:270px;border-bottom:1px solid rgba(255,255,255,.08);background-image:var(--hero-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffc03859,#cd232357 52%,#04071994),linear-gradient(180deg,#00000024,#00000085)}.hero-content{position:relative;max-width:var(--container-width);margin:0 auto;padding:42px 18px 24px;text-align:center}.hero-content h1{color:#fff;margin:0;font-size:clamp(1.25rem,1.05rem + 1.25vw,2rem);font-weight:800;line-height:1.1}.hero-content p{color:#d9e1f0;margin:8px 0 0;font-size:clamp(.78rem,.74rem + .22vw,.92rem)}.hero-search{margin:18px auto 0;max-width:840px;display:flex;align-items:stretch;width:100%}.search-icon{display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;border-radius:8px 0 0 8px!important;min-height:34px;background:#f4b000;color:#111;font-size:.95rem;line-height:1;padding:0!important}.search-field{flex:1 1 auto;border-radius:0 8px 8px 0!important}.search-field input{min-height:34px!important;font-size:.8rem!important;padding:0 12px!important;border:0!important}.portal-content{padding:0 24px 70px}.portal-section{max-width:var(--container-width);margin:0 auto;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:18px 0 0}.portal-section h2{color:#fff;margin:0;font-size:clamp(1.7rem,1.52rem + 1.1vw,2.35rem);font-weight:800;letter-spacing:.01em;line-height:1}.portal-section p{margin:6px 0 18px;font-size:clamp(.72rem,.68rem + .2vw,.86rem);color:#d5e1f8;max-width:900px}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-card{border-radius:18px;overflow:hidden;text-decoration:none;color:#101421;background:#f6f7fb;border:1px solid rgba(255,255,255,.45);box-shadow:0 16px 32px #03030740;transition:transform .2s ease,box-shadow .2s ease}.portal-card:hover{transform:translateY(-3px);box-shadow:0 18px 32px #0000005c}.portal-card-image-wrap{height:165px;background:var(--card-image-backdrop, #122746);border-bottom:10px solid rgba(6,15,29,.88)}.portal-card-image{width:100%;height:100%;object-fit:contain;padding:16px}.portal-card-content{padding:10px 12px 12px;background:linear-gradient(180deg,var(--card-accent) 0%,var(--card-accent) 100%);color:var(--card-text)}.portal-card--fh6{--card-image-backdrop: #16345c;--card-accent: #e10086;--card-text: #ffffff}.portal-card--fh5{--card-image-backdrop: #14553c;--card-accent: #cf4d8c;--card-text: #ffffff}.portal-card--fm{--card-image-backdrop: #432b62;--card-accent: #f4ab00;--card-text: #111111}.portal-card-content h3{margin:0;text-align:center;font-size:clamp(.94rem,.88rem + .28vw,1.15rem);font-weight:800;line-height:1.15}.portal-card-content p{margin:6px 0 0;text-align:center;font-size:clamp(.5rem,.48rem + .08vw,.58rem);line-height:1.35;color:var(--card-text)}.portal-footer{padding:70px 14px 74px;text-align:center;color:#5f6f89;font-size:.56rem;background:#eceff3}.app-error{max-width:720px;margin:40px auto;padding:20px;border-radius:12px;background:#000c;border:1px solid rgba(255,255,255,.25);color:#fff}@media (max-width: 1080px){.portal-wordmark{font-size:.8rem;letter-spacing:.24rem}.hero{min-height:230px}.hero-content h1{font-size:clamp(1.1rem,1rem + 1vw,1.5rem)}.hero-content p{font-size:.74rem}.search-field input{font-size:.78rem!important;min-height:32px!important}.search-icon{min-height:32px;min-width:32px;font-size:.84rem}.portal-section h2{font-size:clamp(1.5rem,1.42rem + .65vw,1.86rem)}.portal-section p{font-size:.68rem}.portal-card-content h3{font-size:.86rem}.portal-card-content p{font-size:.48rem}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.portal-topbar{padding:0 16px}.portal-wordmark{font-size:.78rem;letter-spacing:.2rem}.hero{min-height:220px}.hero-content{padding:30px 14px 20px}.hero-search{margin-top:14px}.search-field{border-radius:0 8px 8px 0!important}.search-icon{border-radius:8px 0 0 8px;width:32px}.portal-content{padding:0 12px 36px}.portal-section{padding:14px 0 0}.portal-grid{grid-template-columns:1fr;gap:14px}.portal-card-image-wrap{height:180px;border-bottom-width:10px}.portal-footer{font-size:.95rem}}