/* PixFlow design system: tokens shared by every public route. */
:root{
  --pf-navy:#000c47;
  --pf-navy-2:#10205a;
  --pf-pink:#fe2862;
  --pf-yellow:#ffca00;
  --pf-white:#ffffff;
  --pf-surface:#f3f4f7;
  --pf-surface-2:#e9edf3;
  --pf-text:#000c47;
  --pf-muted:#59627a;
  --pf-border:#dce1e9;
  --pf-radius-sm:8px;
  --pf-radius-md:14px;
  --pf-radius-lg:20px;
  --pf-page:1280px;
  --pf-shadow:0 12px 34px rgba(0,12,71,.08);
}
html{scroll-behavior:smooth}
body{font-family:Sora,system-ui,sans-serif;color:var(--pf-text);background:var(--pf-white)}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--pf-pink)!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}