*{box-sizing:border-box}:root{--bg:#02040a;--panel:#090e19c7;--panel-strong:#040810eb;--border:#9fb4d229;--border-strong:#7dd3fc47;--text:#f8fafc;--muted:#a8b7cc;--blue:#38bdf8;--blue-strong:#2563eb;--green:#22c55e;--red:#ef4444;--yellow:#facc15;--gold:#eab308}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 18% 4%,#0ea5e947,#0000 28%),radial-gradient(circle at 82% 8%,#22c55e2e,#0000 24%),radial-gradient(circle at 50% 78%,#2563eb24,#0000 32%),linear-gradient(#030712 0%,#02040a 54%,#030712 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:28px;position:relative;overflow:hidden}.backgroundGrid,.cinemaVignette{pointer-events:none;position:fixed;inset:0}.backgroundGrid{opacity:.34;background-image:linear-gradient(#94a3b80e 1px,#0000 1px),linear-gradient(90deg,#94a3b80e 1px,#0000 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.cinemaVignette{z-index:0;background:linear-gradient(90deg,#000000b8,#0000 18% 82%,#000000b8),radial-gradient(circle,#0000 0 45%,#0000007a 100%)}.shell{z-index:1;width:min(1440px,100%);margin:0 auto;position:relative}.topbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:20;background:#020617c2;border:1px solid #38bdf82e;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;min-height:76px;padding:0 22px;display:flex;position:sticky;top:20px;box-shadow:0 24px 90px #00000057}.brand{align-items:center;gap:12px;display:flex}.brandMark{color:#fff;background:linear-gradient(135deg,#22c55ef2,#0ea5e9eb),#0f172a;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:950;display:grid;box-shadow:0 0 38px #38bdf859}.brand strong{letter-spacing:0;font-size:18px;display:block}.brand span{letter-spacing:.24em;color:var(--blue);font-size:10px;font-weight:900;display:block}.nav{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;gap:26px;font-size:12px;font-weight:850;display:flex}.nav a:hover{color:#fff}.topCta,.primaryBtn,.secondaryBtn,.sidebarCta{border-radius:14px;padding:13px 18px;font-weight:900;transition:transform .18s,border-color .18s,box-shadow .18s}.topCta,.primaryBtn,.sidebarCta{color:#fff;background:linear-gradient(135deg,#0284c7,#2563eb 55%,#22c55e);box-shadow:0 16px 46px #2563eb57}.secondaryBtn{color:#e2e8f0;background:#0f172ac7;border:1px solid #94a3b838}.topCta:hover,.primaryBtn:hover,.secondaryBtn:hover,.sidebarCta:hover{transform:translateY(-2px)}.hero{min-height:690px;padding:74px 28px 34px;display:block}.cinematicHero{background:radial-gradient(circle at 68% 18%,#7dd3fc38,#0000 25%),radial-gradient(circle at 74% 64%,#22c55e1a,#0000 24%),linear-gradient(90deg,#020617fa,#0206179e 44%,#030f1f2e);border:1px solid #38bdf82e;border-radius:30px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 40px 130px #0000006b,0 0 62px #0ea5e914}.cinematicHero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#020617f5,#020617d1 28%,#02061747 54%,#0000 77%),linear-gradient(#02061714,#02061733 72%,#0206178f),radial-gradient(circle at 66% 18%,#7dd3fc1f,#0000 22%);position:absolute;inset:0}.cinematicHero:after{content:"";pointer-events:none;z-index:2;opacity:.24;background-image:radial-gradient(circle,#7dd3fc80 0 1px,#0000 1.6px),linear-gradient(112deg,#0000 16%,#38bdf81f,#0000 46%),repeating-linear-gradient(0deg,#38bdf80d 0 1px,#0000 1px 42px);background-size:82px 82px,100% 100%,100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 18%,#000 42% 96%);mask-image:linear-gradient(90deg,#0000 18%,#000 42% 96%)}.heroContent{z-index:5;max-width:none;position:relative}.badge{color:#7dd3fc;letter-spacing:.12em;background:#0ea5e91a;border:1px solid #38bdf842;border-radius:999px;width:fit-content;margin-bottom:28px;padding:10px 14px;font-size:12px;font-weight:950}.hero h1,.dashboardHero h1{letter-spacing:0;margin:0;line-height:.95}.hero h1{text-shadow:0 18px 64px #00000085;max-width:760px;font-size:clamp(48px,5.4vw,86px)}.hero h1 span{color:var(--blue);text-shadow:0 0 24px #38bdf86b,0 0 64px #0ea5e95c}.hero p{color:#b6c7df;max-width:690px;margin:24px 0;font-size:18px;line-height:1.78}.heroLead{color:#fff;margin-bottom:0;font-size:22px;font-weight:900}.heroActions{flex-wrap:wrap;gap:14px;display:flex}.heroActions .primaryBtn{position:relative;overflow:hidden;box-shadow:0 18px 58px #2563eb6b,0 0 26px #22c55e2e}.heroActions .primaryBtn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff3d,#0000);transition:transform .45s;position:absolute;inset:0;transform:translate(-110%)}.heroActions .primaryBtn:hover:after{transform:translate(110%)}.authorityGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;width:min(100%,700px);max-width:700px;margin-top:28px;display:grid}.authorityCard,.footerPillar{color:#dbeafe;background:#02061794;border:1px solid #7dd3fc2e;border-radius:16px;align-items:center;gap:10px;min-height:64px;padding:14px;font-size:13px;font-weight:850;display:flex}.authorityCard svg,.footerPillar svg{color:var(--blue);flex:none}.authorityCard{min-height:58px;padding:11px 12px;font-size:11px}.heroVisual{width:100%;min-height:0;box-shadow:none;z-index:auto;pointer-events:none;background:0 0;border:0;border-radius:0;position:absolute;inset:0;overflow:hidden}.heroCinematicImage{object-fit:cover;object-position:72% center;opacity:1;filter:brightness(1.16)contrast(1.18)saturate(1.04);z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.03)}.heroCinematicOverlay{z-index:1;mix-blend-mode:soft-light;background:radial-gradient(circle at 68% 15%,#bae6fd47,#0000 16%),radial-gradient(circle at 72% 48%,#38bdf81f,#0000 28%),radial-gradient(circle at 72% 76%,#22c55e1a,#0000 23%),linear-gradient(90deg,#0206170f,#02061705 58%,#02061714),linear-gradient(#02061700,#0206176b);position:absolute;inset:0}.stadiumVisual:before{content:"";z-index:2;opacity:.72;background:repeating-linear-gradient(90deg,#7dd3fc0a 0 1px,#0000 1px 78px),repeating-linear-gradient(0deg,#7dd3fc07 0 1px,#0000 1px 58px),linear-gradient(115deg,#0000 20%,#0ea5e91a,#0000 54%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 24%,#000 44% 92%,#0000);mask-image:linear-gradient(90deg,#0000 24%,#000 44% 92%,#0000)}.stadiumGlow{filter:blur(130px);opacity:.36;z-index:2;background:#0ea5e9;border-radius:999px;width:420px;height:420px;position:absolute;top:1%;right:24%}.pitchLines{z-index:2;opacity:.68;border:1px solid #7dd3fc38;border-radius:999px;position:absolute;inset:58% 5% 3% 38%;transform:perspective(680px)rotateX(58deg);box-shadow:0 0 34px #38bdf81a,inset 0 0 28px #22c55e14}.scoreboardCard,.heroGlass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020814b3;border:1px solid #7dd3fc4d;position:absolute;box-shadow:0 24px 80px #00000052,0 0 32px #0ea5e91f}.scoreboardCard{z-index:3;border-radius:22px;width:292px;padding:18px 20px;bottom:174px;right:204px;transform:none}.heroGlass{z-index:4;border-radius:20px;width:154px;padding:16px}.heroGlassTop{top:auto;bottom:174px;right:512px}.heroGlassBottom{bottom:174px;left:auto;right:34px}.heroGlass span,.scoreboardCard span,.dashboardHeroCard>span{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.heroGlass strong,.dashboardHeroCard>strong{letter-spacing:0;margin:6px 0;font-size:34px;display:block}.heroGlass small,.scoreboardCard small,.dashboardHeroCard>small{color:#94a3b8}.scoreboardCard strong{letter-spacing:0;margin:10px 0;font-size:38px;display:block}.metricsStrip{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:22px;display:grid}.operationMetrics{margin-top:14px}.heroMetricsBar{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#020814c7,#030f1f94),radial-gradient(circle at 74%,#0ea5e92e,#0000 30%);border:1px solid #38bdf838;border-radius:18px;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:28px 0 0;padding:14px 16px;position:relative;box-shadow:inset 0 1px #ffffff0d,0 24px 90px #00000052,0 0 44px #0ea5e914}.metric,.panel,.step,.vipSection{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0a,0 30px 80px #0000003d}.skeletonCard{background:linear-gradient(135deg,#0f172ad1,#020617b8),#0f172ac7;border:1px solid #94a3b829;border-radius:20px;min-height:112px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 30px 80px #0003}.skeletonGlow{background:linear-gradient(90deg,#0000,#7dd3fc1f,#22c55e14,#0000);animation:1.45s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeletonLine{z-index:1;background:#94a3b824;border-radius:999px;height:12px;margin-bottom:14px;display:block;position:relative}.skeletonLine:nth-of-type(2){background:#e2e8f029;width:54%;height:30px}.skeletonLine:nth-of-type(3){width:72%}.skeletonLine:nth-of-type(4){width:46%}.skeletonLine:last-child{margin-bottom:0}.skeleton-chart{flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:260px;display:flex}.skeleton-chart .skeletonLine{background:linear-gradient(90deg,#22c55e14,#38bdf81f),#94a3b81a;border-radius:16px;width:100%;height:18%}.skeleton-chart .skeletonLine:nth-of-type(2){width:94%}.skeleton-chart .skeletonLine:nth-of-type(3){width:78%}.skeleton-table{min-height:330px;margin-top:8px}.skeleton-table .skeletonLine{background:#94a3b81f;width:100%;height:28px;margin-bottom:18px}.skeleton-table .skeletonLine:nth-of-type(2){width:100%;height:28px}@keyframes shimmer{to{transform:translate(100%)}}.errorState{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 10% 20%,#ef44441f,#0000 34%),#020617c7;border:1px solid #f8717138;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 22px;padding:18px 20px;display:flex;box-shadow:0 24px 70px #00000038}.errorState span{color:#fca5a5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:950;display:block}.errorState strong{color:#fee2e2;font-size:16px;display:block}.errorRetry{cursor:pointer;border:1px solid #f8717147}.metric{border-radius:20px;padding:22px;position:relative;overflow:hidden}.heroMetricsBar .metric{min-height:74px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-right:1px solid #7dd3fc29;border-radius:0;grid-template-columns:54px minmax(0,1fr);grid-template-areas:"icon value""icon label";align-items:center;column-gap:14px;padding:12px 18px;display:grid}.heroMetricsBar .metric:last-child{border-right:0}.metric:after{content:"";background:linear-gradient(90deg,#0000,#38bdf8b3,#0000);height:2px;position:absolute;inset:auto 18px 0}.heroMetricsBar .metric:after{display:none}.metricIcon{width:46px;height:46px;color:var(--blue);background:radial-gradient(circle at 50% 35%,#38bdf833,#0000 60%),#020814bd;border:1px solid #38bdf847;border-radius:16px;grid-area:icon;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0d,0 0 24px #0ea5e91f}.metric span{color:#94a3b8;margin-bottom:10px;font-size:13px;display:block}.heroMetricsBar .metric span{color:#c8d5e8;text-transform:uppercase;grid-area:label;max-width:124px;margin:0;font-size:11px;font-weight:850;line-height:1.2}.metric strong{letter-spacing:0;font-size:32px}.animatedMetric strong{text-shadow:0 0 18px #38bdf82e;transition:color .2s,text-shadow .2s}.animatedMetric:hover strong{text-shadow:0 0 24px #38bdf847}.heroMetricsBar .metric strong{color:var(--blue);text-shadow:0 0 28px #38bdf86b;grid-area:value;font-size:27px;line-height:1}.green{color:var(--green)}.red{color:var(--red)}.yellow{color:var(--yellow)}.dashboardShell{z-index:1;grid-template-columns:278px minmax(0,1fr);gap:22px;width:min(1560px,100%);margin:0 auto;display:grid;position:relative}.dashboardSidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#020617d1;border:1px solid #38bdf82e;border-radius:26px;align-self:start;min-height:calc(100vh - 56px);padding:22px;position:sticky;top:28px;box-shadow:0 28px 90px #0000004d}.sidebarBrand{margin-bottom:34px}.sideNav{gap:10px;display:grid}.sideNav a{color:#b6c7df;background:#0f172a73;border:1px solid #94a3b814;border-radius:14px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-weight:850;display:flex}.sideNav a:hover{color:#fff;border-color:#38bdf83d}.sidebarCta{text-align:center;margin-top:28px;display:block}.dashboardMain{min-width:0}.dashboardHero{background:linear-gradient(135deg,#0ea5e91f,#22c55e14),#020617bd;border:1px solid #38bdf82e;border-radius:28px;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:22px;padding:28px;display:flex;box-shadow:0 30px 100px #00000047}.dashboardHero h1{font-size:clamp(34px,4vw,58px)}.dashboardHero p{color:#a8b7cc;max-width:760px;margin:16px 0 0;line-height:1.7}.dashboardHeroCard{background:#020617b8;border:1px solid #7dd3fc33;border-radius:22px;min-width:230px;padding:20px;position:relative;overflow:hidden}.dashboardHeroCard:after{content:"";background:linear-gradient(90deg, transparent, var(--green), transparent);border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:20px;right:20px;box-shadow:0 0 18px #22c55e47}.dashboardHeroCard .livePill{margin-top:8px;padding:6px 10px}.dashboardGrid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:22px;display:grid}.panel{border-radius:26px;padding:26px}.sidePanel{background:radial-gradient(circle at 26% 58%,#ef444429,#0000 28%),radial-gradient(circle at 76% 48%,#22c55e2e,#0000 32%),linear-gradient(#080d18f0,#040810e6);border-color:#7dd3fc2e;position:relative;overflow:hidden}.sidePanel:after{content:"";pointer-events:none;border-radius:22px;position:absolute;inset:16px;box-shadow:inset 0 0 52px #38bdf80f}.panelHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.panelHeader span,.sidePanel>span,.sectionHeader span,.vipSection span{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:950}.panel h2,.sectionHeader h2,.vipSection h2{letter-spacing:0;margin:6px 0 0;font-size:26px}.panelNote,.sectionHeader p,.vipSection p{color:#9fb3cc;margin:0;line-height:1.6}.livePill{color:#f8fafc;white-space:nowrap;background:linear-gradient(135deg,#0ea5e924,#22c55e1a),#020814bd;border:1px solid #7dd3fc47;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:950;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 10px 30px #0ea5e914}.livePill small{color:#b6c7df;font-size:11px;font-weight:800}.liveDot{background:var(--green);border-radius:999px;width:7px;height:7px;animation:2.4s ease-in-out infinite livePulse;box-shadow:0 0 12px #22c55e52}.dashboardLivePill{border-color:#22c55e42}@keyframes livePulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.chartBox{height:420px}.chartBoxSmall{height:300px}.barPanel,.tablePanel,.insightGrid{margin-top:22px}.resultCircle{--hit-rate:0%;text-align:center;background:radial-gradient(circle, #07111f 52%, transparent 53%), conic-gradient(var(--green) 0 var(--hit-rate), #ef4444c7 var(--hit-rate) 100%);border-radius:999px;place-items:center;width:202px;height:202px;margin:30px auto;display:grid;box-shadow:0 0 55px #22c55e26}.resultCircle strong{letter-spacing:0;font-size:38px;display:block}.compactResultCircle{width:158px;height:158px;margin:22px auto}.compactResultCircle strong{font-size:26px}.compactResultCircle small{font-size:10px}.resultCircle small{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.miniRows{gap:12px;display:grid}.miniRows div{color:#94a3b8;border-top:1px solid #94a3b81f;justify-content:space-between;padding:15px 0;display:flex}.miniRows strong{color:#fff}.resultDonutFrame{aspect-ratio:1;filter:drop-shadow(0 0 22px #22c55e2b)drop-shadow(0 0 18px #ef44441c);place-items:center;width:min(330px,100%);margin:16px auto 24px;display:grid;position:relative}.resultDonutFrame:before{content:"";background:radial-gradient(circle,#020617f5,#020617b8);border-radius:999px;position:absolute;inset:18%;box-shadow:inset 0 0 34px #0000008c,0 0 38px #22c55e1f}.resultDonutCenter{text-align:center;z-index:2;place-items:center;gap:7px;min-width:150px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.resultDonutCenter strong{color:#f8fafc;letter-spacing:0;text-shadow:0 8px 28px #0000005c;font-size:clamp(42px,5vw,58px);line-height:.9;display:block}.resultDonutCenter span{color:#9fb3cc;letter-spacing:.06em;font-size:12px;font-weight:950}.resultDonutCenter span:after{content:"";background:linear-gradient(90deg, transparent, var(--green), transparent);border-radius:999px;width:44px;height:2px;margin:9px auto 0;display:block}.resultLegendGrid{border-top:1px solid #94a3b81f;grid-template-columns:repeat(3,1fr);gap:0;padding-top:22px;display:grid}.resultLegendItem{text-align:center;min-width:0;padding:0 18px}.resultLegendItem+.resultLegendItem{border-left:1px solid #94a3b81f}.resultLegendItem span{color:#9fb3cc;letter-spacing:.04em;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:950;display:flex}.resultLegendItem strong{margin-top:10px;font-size:32px;line-height:1;display:block}.resultLegendItem small{color:#93a4bb;text-transform:uppercase;margin-top:8px;font-weight:850;display:block}.legendDot{border-radius:999px;flex:none;width:10px;height:10px}.greenDot{background:var(--green);box-shadow:0 0 16px #22c55e73}.redDot{background:var(--red);box-shadow:0 0 16px #ef444466}.yellowDot{background:var(--yellow);box-shadow:0 0 16px #facc1557}.blueDot{background:var(--blue);box-shadow:0 0 16px #38bdf86b}.insightGrid{grid-template-columns:minmax(280px,1fr) minmax(260px,.8fr) minmax(340px,1.25fr);gap:22px;display:grid}.leagueList{gap:12px;display:grid}.leagueRow{border-top:1px solid #94a3b81f;justify-content:space-between;gap:14px;padding:14px 0;display:flex}.leagueAnalyticsRow{align-items:center}.leagueInfo{flex:1;min-width:0}.leagueRow strong,.leagueRow span{display:block}.leagueRow span{color:#94a3b8;margin-top:4px;font-size:13px}.leagueProgress{background:#94a3b81f;border-radius:999px;width:100%;height:5px;margin-top:10px;overflow:hidden}.leagueProgress i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));min-width:4px;height:100%;display:block;box-shadow:0 0 18px #22c55e52}.leagueMeta{justify-items:end;gap:8px;min-width:104px;display:grid}.leagueMeta>strong{color:#dbeafe;font-size:14px}.leagueBadges{align-items:center;gap:10px;display:flex}.leagueBadges span{align-items:center;gap:4px;margin:0;font-weight:900;display:flex}.recentPerformancePanel{background:radial-gradient(circle at 70% 10%,#38bdf81f,#0000 30%),#020617b8}.performanceList{gap:12px;display:grid}.performanceRow{border-top:1px solid #94a3b81f;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.performanceRow>span{color:#c8d8ee;font-weight:850}.performanceRow strong{text-transform:uppercase;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:950;display:flex}.performanceRow em{white-space:nowrap;font-style:normal;font-weight:950}.donutBox{height:190px;margin-top:-8px}.donutLegend{border-top:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:14px;margin-top:6px;padding-top:16px;display:flex}.donutLegend span{color:#94a3b8;font-weight:850}.donutLegend strong{color:var(--green);font-size:24px}.emptyState{color:#94a3b8;padding:22px 0}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th{text-align:left;color:#7dd3fc;text-transform:uppercase;white-space:nowrap;padding:14px 10px;font-size:12px}td{color:#dbeafe;border-top:1px solid #94a3b81a;padding:17px 10px}.status{color:#cbd5e1;white-space:nowrap;background:#94a3b81f;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;display:inline-flex}.status.GREEN{color:var(--green);background:#22c55e1c}.status.RED{color:var(--red);background:#ef44441f}.status.waiting{color:var(--yellow);background:#facc151a}.method{padding:76px 0 42px}.sectionHeader{text-align:center;max-width:760px;margin:0 auto}.sectionHeader h2{font-size:40px}.sectionHeader p{margin-top:14px}.methodGrid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;display:grid}.step{border-radius:22px;padding:24px}.step span{color:var(--blue);font-weight:950}.step strong{margin:14px 0 10px;font-size:18px;display:block}.step p{color:#9fb3cc;margin:0;line-height:1.62}.vipSection{background:linear-gradient(135deg,#0ea5e91f,#22c55e14),#0f172ad1;border-radius:28px;justify-content:space-between;align-items:center;gap:28px;margin:20px 0 38px;padding:34px;display:flex}.vipSection div{max-width:760px}.finalCta{border-color:#22c55e3d}.dashboardFooter{grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 8px;display:grid}.tooltipBox{color:#fff;background:#020617f0;border:1px solid #38bdf838;border-radius:16px;min-width:170px;padding:12px 14px;box-shadow:0 18px 60px #00000059}.tooltipBox strong{color:#7dd3fc;margin-bottom:8px;display:block}.tooltipBox div{color:#cbd5e1;justify-content:space-between;gap:18px;display:flex}.tooltipBox b{color:#fff}@media (width<=1200px){.authorityGrid{grid-template-columns:repeat(3,1fr)}.dashboardShell{grid-template-columns:1fr}.dashboardSidebar{min-height:auto;position:static}.sideNav{grid-template-columns:repeat(4,1fr)}.insightGrid{grid-template-columns:1fr}}@media (width<=1100px){.nav{display:none}.hero,.dashboardGrid,.dashboardHero{grid-template-columns:1fr}.hero,.dashboardHero{display:grid}.cinematicHero{padding:52px 22px 28px}.cinematicHero:before{background:linear-gradient(#020617f0,#020617b3 38%,#0206172e 72%),radial-gradient(circle at 70% 38%,#7dd3fc33,#0000 30%)}.heroContent{max-width:760px}.metricsStrip,.methodGrid,.dashboardFooter{grid-template-columns:repeat(2,1fr)}.heroMetricsBar .metric{border-bottom:1px solid #7dd3fc24;border-right:0}.heroMetricsBar .metric:last-child,.heroMetricsBar .metric:nth-last-child(2):nth-child(odd){border-bottom:0}.heroVisual{z-index:3;border-radius:26px;width:100%;min-height:520px;position:relative}.heroCinematicImage{object-position:72% center;filter:brightness(1.12)contrast(1.14)saturate(1.04);width:114%;inset:-5% -7%}.scoreboardCard{width:min(310px,100% - 360px);min-width:280px;bottom:42px;left:50%;right:auto;transform:translate(-50%)}.heroGlassTop{inset:auto auto 56px 24px}.heroGlassBottom{bottom:56px;left:auto;right:24px}}@media (width<=720px){.page{padding:12px;overflow-x:hidden}.topbar{border-radius:18px;min-height:auto;padding:14px;position:static}.topCta{display:none}.hero{border-radius:24px;min-height:auto;padding:28px 14px 18px}.hero h1{max-width:100%;font-size:clamp(34px,11vw,48px)}.hero p{margin:18px 0;font-size:15px;line-height:1.62}.badge{white-space:normal;max-width:100%;padding:8px 11px;font-size:10px;line-height:1.25}.heroLead{font-size:17px}.heroActions{gap:10px}.heroActions .primaryBtn,.heroActions .secondaryBtn{text-align:center;justify-content:center;width:100%;padding:14px 16px;display:flex}.authorityGrid,.methodGrid,.dashboardFooter,.sideNav{grid-template-columns:1fr}.authorityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:none;margin-top:20px}.authorityCard{border-radius:14px;gap:8px;min-height:50px;padding:10px;font-size:10px}.metricsStrip{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.heroMetricsBar{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:18px;padding:10px}.heroMetricsBar .metric{border-bottom:1px solid #7dd3fc24;grid-template-columns:38px minmax(0,1fr);column-gap:9px;min-height:60px;padding:10px}.heroMetricsBar .metric:nth-child(odd){border-right:1px solid #7dd3fc1f}.heroMetricsBar .metric:last-child{border-bottom:0;border-right:0}.heroMetricsBar .metric:nth-last-child(2):nth-child(odd){border-bottom:0}.heroMetricsBar .metric span{max-width:none;font-size:9px}.heroMetricsBar .metric strong{font-size:22px}.metricIcon{border-radius:12px;width:36px;height:36px}.panelHeader,.vipSection,.dashboardHero,.errorState{flex-direction:column;align-items:flex-start}.heroVisual{min-height:430px;margin-top:18px}.heroCinematicImage{object-position:72% 78%;filter:brightness(1.1)contrast(1.12)saturate(1.03);width:130%;inset:-2% -18% -6% -8%}.heroGlass{box-sizing:border-box;border-radius:16px;width:122px;height:116px;min-height:116px;padding:12px}.heroGlass span,.scoreboardCard span{font-size:9px}.heroGlass strong{font-size:25px}.heroGlass small,.scoreboardCard small{font-size:11px}.heroGlass small{min-height:26px;line-height:1.2;display:block}.scoreboardCard{border-radius:18px;width:min(56%,220px);min-width:0;padding:16px;inset:auto auto 18px 16px;transform:none}.scoreboardCard strong{margin:8px 0;font-size:32px}.heroGlassTop{inset:14px auto auto 150px}.heroGlassBottom{inset:14px auto auto 14px}.operationMetrics{margin-top:10px}.dashboardShell{gap:14px;max-width:100%}.dashboardSidebar{border-radius:20px;min-width:0}.sidebarBrand{margin-bottom:18px}.sideNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sideNav a{gap:8px;min-width:0;min-height:42px;padding:0 10px;font-size:12px}.sidebarCta{margin-top:14px;padding:14px 16px}.dashboardHero{gap:16px;min-width:0;margin-bottom:16px}.dashboardHero>div{min-width:0}.dashboardHero h1{font-size:34px}.dashboardHero p{overflow-wrap:anywhere;line-height:1.55}.dashboardHeroCard{width:100%;min-width:0;padding:16px}.dashboardMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardMetrics .metric{border-radius:16px;min-width:0;padding:16px}.dashboardMetrics .metric strong{font-size:26px}.panel{border-radius:20px;min-width:0}.panel h2,.sectionHeader h2,.vipSection h2{font-size:23px}.chartBox{height:300px}.chartBoxSmall{height:250px}.resultDonutFrame{width:min(270px,100%);margin:10px auto 18px}.resultDonutCenter strong{font-size:42px}.resultLegendGrid{grid-template-columns:1fr;gap:12px;padding-top:16px}.resultLegendItem{padding:0}.resultLegendItem+.resultLegendItem{border-top:1px solid #94a3b81f;border-left:0;padding-top:12px}.leagueRow,.donutLegend{flex-direction:column;align-items:flex-start}.leagueMeta{justify-items:start;min-width:0}.performanceRow{grid-template-columns:1fr;gap:6px}.tableWrap{margin:0 -4px;padding-bottom:8px}table{min-width:760px}th,td{padding:12px 8px}.method{padding:46px 0 26px}.step{border-radius:18px;padding:18px}.vipSection{margin:16px 0 28px}.vipSection .primaryBtn{text-align:center;width:100%}.dashboardHero,.panel,.vipSection,.dashboardSidebar{padding:20px}}@media (width<=430px){.brand strong{font-size:16px}.brand span{letter-spacing:.18em;font-size:9px}.brandMark{width:40px;height:40px}.hero h1{font-size:clamp(32px,10.4vw,42px)}.heroVisual{min-height:400px}.heroGlass{width:122px}.heroGlass strong{font-size:23px}.scoreboardCard strong{font-size:29px}.dashboardMetrics{grid-template-columns:1fr}}