/* [REQ-WEB-025] The first paint, before the client's own styles have loaded: Menapp's mark in white
   on its navy, a light going round the nine petals. The values are the tokens color.brand.navy and
   size.signin-mark, written here because the token layer has not loaded yet; the motion is that of
   src/ui/BrandMark.module.css. A file, not a style block: the page's content security policy admits
   stylesheets of this origin only. */
.splash { position: fixed; inset: 0; display: grid; place-items: center; background: #0F286B; color: #FFFFFF; }
.splash svg { width: 64px; height: 64px; }
.splash use { animation: splash-petal 1.35s linear infinite; }
.splash use:nth-of-type(1) { animation-delay: -1.35s; }
.splash use:nth-of-type(2) { animation-delay: -1.20s; }
.splash use:nth-of-type(3) { animation-delay: -1.05s; }
.splash use:nth-of-type(4) { animation-delay: -0.90s; }
.splash use:nth-of-type(5) { animation-delay: -0.75s; }
.splash use:nth-of-type(6) { animation-delay: -0.60s; }
.splash use:nth-of-type(7) { animation-delay: -0.45s; }
.splash use:nth-of-type(8) { animation-delay: -0.30s; }
.splash use:nth-of-type(9) { animation-delay: -0.15s; }
@keyframes splash-petal { from { opacity: 1; } to { opacity: 0.2; } }
@media (prefers-reduced-motion: reduce) { .splash use { animation: none; } }