:root{--app-bg:250 250 250;--app-bg-deep:245 245 247;--app-bg-soft:255 255 255;--app-surface:10 10 10;--app-surface-a:.035;--app-surface-raised-a:.05;--app-surface-strong-a:.07;--app-surface-hover-a:.055;--app-accent-rgb:11 42 91;--app-accent-deep-rgb:8 30 66;--app-accent-luminous-rgb:29 78 216;--app-accent-soft-a:.08;--app-accent-contrast-rgb:255 255 255;--app-accent-ring-rgb:29 78 216;--app-mint-rgb:15 157 88;--app-mint-deep-rgb:9 121 67;--app-mint-soft-a:.12;--app-ink-rgb:10 10 10;--app-ink-muted-rgb:110 110 115;--app-ink-faint-rgb:161 161 166;--app-text-muted:110 110 115;--app-line-rgb:10 10 10;--app-line-a:.08;--app-line-strong-a:.14;--app-line-light:#ffffffbf;--app-shadow-rgb:10 10 10;--app-shadow-navy:11 42 91;--app-ok-rgb:15 157 88;--app-warn-rgb:230 81 0;--app-crit-rgb:190 18 60;--app-info-rgb:29 78 216;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", system-ui, "Segoe UI", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-display:clamp(2rem, 1.2rem + 2.8vw, 2.9rem);--font-title:clamp(1.35rem, 1.12rem + 1vw, 1.85rem);--font-heading:1.0625rem;--font-subheading:.9375rem;--font-body:.9375rem;--font-caption:.75rem;--font-micro:.6875rem;--tracking-display:-.035em;--tracking-title:-.028em;--tracking-heading:-.02em;--tracking-body:-.006em;--tracking-caption:.004em;--leading-display:1.05;--leading-title:1.12;--leading-heading:1.25;--leading-body:1.5;--leading-caption:1.4;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:28px;--radius-3xl:34px;--radius-pill:9999px;--mat-structural-bg:linear-gradient(180deg, #ffffffdb 0%, #ffffffad 100%);--mat-structural-blur:blur(28px) saturate(190%);--mat-structural-shadow:0 1px 0 #ffffffeb inset, 0 -22px 32px -26px rgb(var(--app-shadow-navy) / .22) inset, 0 1px 2px rgb(var(--app-shadow-rgb) / .05), 0 24px 56px -30px rgb(var(--app-shadow-navy) / .32);--mat-content-bg:linear-gradient(180deg, #fffc 0%, #ffffff94 100%);--mat-content-blur:blur(22px) saturate(180%);--mat-content-shadow:0 1px 0 #ffffffe0 inset, 0 -18px 28px -24px rgb(var(--app-shadow-navy) / .2) inset, 0 1px 2px rgb(var(--app-shadow-rgb) / .04), 0 18px 42px -22px rgb(var(--app-shadow-navy) / .28);--mat-interactive-bg:linear-gradient(180deg, #ffffffe6 0%, #ffffffb8 100%);--mat-interactive-blur:blur(18px) saturate(190%);--mat-interactive-shadow:0 1px 0 #ffffffeb inset, 0 -12px 20px -18px rgb(var(--app-shadow-navy) / .18) inset, 0 1px 2px rgb(var(--app-shadow-rgb) / .05), 0 12px 28px -16px rgb(var(--app-shadow-navy) / .24);--elev-0:0 1px 2px rgb(var(--app-shadow-rgb) / .04);--elev-1:0 1px 0 #ffffffe0 inset, 0 -14px 22px -20px rgb(var(--app-shadow-navy) / .18) inset, 0 1px 2px rgb(var(--app-shadow-rgb) / .05), 0 10px 24px -14px rgb(var(--app-shadow-navy) / .22);--elev-2:0 1px 0 #ffffffe6 inset, 0 -18px 28px -22px rgb(var(--app-shadow-navy) / .22) inset, 0 2px 4px rgb(var(--app-shadow-rgb) / .06), 0 20px 44px -20px rgb(var(--app-shadow-navy) / .28);--elev-3:0 1px 0 #fffffff0 inset, 0 -24px 36px -26px rgb(var(--app-shadow-navy) / .26) inset, 0 3px 8px rgb(var(--app-shadow-rgb) / .07), 0 34px 72px -26px rgb(var(--app-shadow-navy) / .36);--shadow-content:var(--elev-2);--shadow-lift:0 1px 0 #fffffff0 inset, 0 -26px 38px -28px rgb(var(--app-shadow-navy) / .28) inset, 0 4px 10px rgb(var(--app-shadow-rgb) / .07), 0 36px 68px -26px rgb(var(--app-shadow-navy) / .38);--shadow-structural:var(--mat-structural-shadow);--shadow-interactive:var(--mat-interactive-shadow);--shadow-glow:0 0 0 1px rgb(var(--app-accent-rgb) / .28), 0 6px 20px -8px rgb(var(--app-accent-rgb) / .42);--shadow-glow-soft:0 4px 14px -8px rgb(var(--app-accent-rgb) / .5);--shadow-glow-mint:0 4px 16px -8px rgb(var(--app-mint-rgb) / .55);--blur-glass:24px;--blur-panel:18px;--blur-sm:8px;--ease-smooth:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-spring-soft:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.24s;--duration-slow:.36s;--app-chart-grid:#0a0a0a14;--app-chart-cursor:#1d4ed814;--app-chart-tick:#6e6e73;--app-chart-stroke:#fffffff0;--app-chart-1:#0b2a5b;--app-chart-2:#1d4ed8;--app-chart-3:#0f9d58;--app-chart-4:#0369a1;--app-chart-5:#155e75;--app-chart-ok:#0f9d58;--app-chart-warn:#b45309;--app-chart-crit:#be123c;--app-chart-neutral:#94a3b8;--app-chart-track:#0b2a5b12;--app-chart-track-inset:inset 0 1px 2px #0b2a5b1a, inset 0 -1px 0 #fffc;--perspective:1200px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes materialize{0%{opacity:0;filter:blur(6px);transform:scale(.97)}to{opacity:1;filter:none;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mesh-drift{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}@keyframes blur-in{0%{filter:blur(8px)}to{filter:none}}.page-blur-in{animation:blur-in .5s var(--ease-spring) both}.material-structural{background:linear-gradient(180deg, #ffffffe0 0%, #ffffffa8 100%) padding-box, linear-gradient(155deg, #fffffff5 0%, #ffffff80 42%, rgb(var(--app-accent-rgb) / .18) 100%) border-box;-webkit-backdrop-filter:var(--mat-structural-blur);box-shadow:var(--mat-structural-shadow);border:1px solid #0000}.material-content{background:linear-gradient(180deg, #ffffffd6 0%, #ffffff94 100%) padding-box, linear-gradient(155deg, #fffffff2 0%, #ffffff73 42%, rgb(var(--app-accent-rgb) / .16) 100%) border-box;-webkit-backdrop-filter:var(--mat-content-blur);box-shadow:var(--mat-content-shadow);border:1px solid #0000}.material-interactive{background:linear-gradient(180deg, #ffffffeb 0%, #ffffffb3 100%) padding-box, linear-gradient(155deg, #fffffffa 0%, #ffffff80 45%, rgb(var(--app-accent-rgb) / .18) 100%) border-box;-webkit-backdrop-filter:var(--mat-interactive-blur);box-shadow:var(--mat-interactive-shadow);border:1px solid #0000}.glass-panel{background:linear-gradient(180deg, #ffffffd6 0%, #ffffff94 100%) padding-box, linear-gradient(155deg, #fffffff2 0%, #ffffff73 42%, rgb(var(--app-accent-rgb) / .16) 100%) border-box;-webkit-backdrop-filter:var(--mat-content-blur);box-shadow:var(--mat-content-shadow);border-radius:var(--radius-lg);border:1px solid #0000}.glass-hero{background:linear-gradient(135deg, #fffffff0 0%, #ffffffa8 100%) padding-box, linear-gradient(155deg, #fffffffa 0%, #ffffff73 38%, rgb(var(--app-accent-rgb) / .22) 100%) border-box;-webkit-backdrop-filter:blur(30px)saturate(200%);box-shadow:inset 0 1px 0 #fffffff2, inset 0 -28px 40px -30px rgb(var(--app-accent-rgb) / .24), 0 2px 4px rgb(var(--app-shadow-rgb) / .05), 0 32px 80px -30px rgb(var(--app-accent-rgb) / .3);border:1px solid #0000}.glass-sheen:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(158deg, #ffffff8c 0%, #fff0 34%, #fff0 68%, rgb(var(--app-accent-rgb) / .05) 100%);z-index:0;position:absolute;inset:0}.glass-depth{box-shadow:inset 0 1px 0 #ffffffeb, inset 1px 0 0 #ffffff80, inset 0 -22px 30px -26px rgb(var(--app-accent-rgb) / .22), 0 1px 2px rgb(var(--app-shadow-rgb) / .05), 0 18px 44px -24px rgb(var(--app-accent-rgb) / .26)}.glass-lift{transition:transform .42s var(--ease-smooth), box-shadow .42s var(--ease-smooth), filter .42s var(--ease-smooth)}.glass-lift:hover{box-shadow:inset 0 1px 0 #fffffff2, inset 0 -26px 36px -28px rgb(var(--app-accent-rgb) / .26), 0 2px 6px rgb(var(--app-shadow-rgb) / .06), 0 30px 64px -26px rgb(var(--app-accent-rgb) / .36);transform:translateY(-3px)}.glass-lift:active{transition-duration:.12s;transform:translateY(-1px)scale(.994)}.light-edge{pointer-events:none;inset-inline:0;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);height:1px;position:absolute;top:0}.persp{perspective:var(--perspective)}.tilt{transform-style:preserve-3d;transition:transform .5s var(--ease-smooth), box-shadow .5s var(--ease-smooth)}.tilt:hover{box-shadow:0 1px 0 #fffffff2 inset, 0 -26px 38px -28px rgb(var(--app-shadow-navy) / .28) inset, 0 28px 60px -24px rgb(var(--app-shadow-navy) / .38);transform:rotateX(3deg)rotateY(-4deg)translateZ(12px)}.tilt-sm{transition:transform .42s var(--ease-smooth), box-shadow .42s var(--ease-smooth)}.tilt-sm:hover{transform:translateY(-2px)rotateX(2deg)}.plane-deep{transform:translateZ(-24px)}.plane-mid{transform:translateZ(0)}.plane-front{transform:translateZ(18px)}.display-title{letter-spacing:var(--tracking-display);font-weight:800;line-height:var(--leading-display);color:rgb(var(--app-ink-rgb));font-size:var(--font-display)}.page-title,.roms-title{letter-spacing:var(--tracking-title);font-weight:750;line-height:var(--leading-title);color:rgb(var(--app-ink-rgb));font-size:var(--font-title)}.display-kicker{font-size:var(--font-caption);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--app-accent-rgb));font-weight:650}.section-label{font-size:var(--font-micro);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--app-ink-muted-rgb));font-weight:650}.stat-number{font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-display);font-weight:750;line-height:1.02}.text-gradient-brand{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0a0a0a 0%,#0b2a5b 100%);-webkit-background-clip:text;background-clip:text}.text-gradient-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0b2a5b 0%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(var(--app-ink-faint-rgb) / .4);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgb(var(--app-accent-rgb) / .45);background-clip:padding-box}@media (prefers-reduced-motion:reduce){.tilt:hover,.tilt-sm:hover{transform:none}}