/* Approved PCA white/blue website background and separate navy/gold loading backdrop.
   All source artwork is retained, converted to responsive WebP. No functional UI changes. */
html { background-color:#f8fbff; }
body, body.landing-active {
  background-color:#f8fbff!important;
  background-image:url("assets/pca-white-blue-desktop.webp")!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
/* Loading screen stays separate from the website even on the home page. */
.app-loading-screen, .app-loading-screen::before {
  background-color:#082654!important;
  background-image:url("assets/pca-navy-gold-desktop.webp")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.app-loading-screen .loading-screen-overlay { background:rgba(4,25,50,.09)!important; }
@media (max-width:720px) {
  body, body.landing-active {
    background-image:url("assets/pca-white-blue-mobile.webp")!important;
    background-position:center top!important;
  }
  .app-loading-screen, .app-loading-screen::before {
    background-image:url("assets/pca-navy-gold-mobile.webp")!important;
    background-position:center center!important;
  }
}