.logout-screen {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  min-height: 100svh;
  padding: 24px;
  box-sizing: border-box;
  background: #f3f7f8;
  color: #173b49;
  text-align: center;
  font-family: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
}
.logout-screen-content { display: grid; justify-items: center; width: min(100%, 360px); gap: 20px; }
.logout-screen-logo { display: block; width: min(260px, 100%); height: auto; aspect-ratio: 1983 / 793; object-fit: contain; }
.logout-screen-symbol { display: grid; place-items: center; width: 48px; height: 48px; }
.logout-screen-spinner { width: 30px; height: 30px; box-sizing: border-box; border: 2px solid #cbdde3; border-top-color: #376f89; border-radius: 50%; animation: logout-screen-spin 1s linear infinite; }
.logout-screen-success { color: #2f6e62; }
.logout-screen h1 { margin: 0; font-size: 1.15rem; font-weight: 600; line-height: 1.5; letter-spacing: normal; }
#auth-exit-boot { display: none; }
html[data-auth-exit-boot] #auth-exit-boot { display: grid; }
@keyframes logout-screen-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .logout-screen-spinner { animation: none; } }