/* Boot screen uses same-origin assets to respect the panel's CSP. */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/poppins-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/poppins-latin-800-normal.woff2') format('woff2'); }
html, body { margin: 0; background: #031a34; }
.boot {
  min-height: 100vh; min-height: 100dvh; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  color: #d9f3f5; background: radial-gradient(ellipse at 15% 10%, #0d4561 0%, transparent 48%), #031a34;
  font-family: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: center; padding: 24px;
}
.boot-mark { display: block; object-fit: contain; margin-bottom: 12px; }
.boot-brand { margin: 0; font-size: 38px; font-weight: 800; letter-spacing: -0.065em; color: #fff; line-height: 1.1; }
.boot-brand span { color: #00bec6; }
.boot-tagline { margin: 4px 0 24px; font-size: 9px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #d9f3f5; }
.boot-title { margin: 0; font-size: 14px; font-weight: 600; color: #fff; }
.boot-bar { position: relative; width: 160px; height: 3px; margin-top: 18px; border-radius: 3px; background: rgba(217, 243, 245, 0.18); overflow: hidden; }
.boot-bar span { position: absolute; inset: 0; width: 40%; border-radius: 3px; background: #00bec6; animation: boot-slide 1.1s ease-in-out infinite; }
.boot-label { margin: 10px 0 0; font-size: 13px; color: rgba(217, 243, 245, 0.8); }
.boot-noscript { margin: 0; padding: 16px; text-align: center; color: #fff; font-family: system-ui, sans-serif; }
@keyframes boot-slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) {
  .boot-bar span { animation: none; width: 100%; opacity: 0.6; }
}