html, body { margin: 0; background: #0a0909; }
.route-boot { min-height: 100vh; display: grid; place-items: center; background: #0a0909; color: #f2ebde; }
.route-boot > span { display: block; width: 42px; height: 42px; background: currentColor; mask: url('/brand/clownpay-mascot-traced.svg') center/contain no-repeat; animation: route-boot-pulse 1.1s ease-in-out infinite alternate; }
.route-boot--admin { background: #0d1117; color: #dce3ea; }
html[data-admin-theme="light"] .route-boot--admin { background: #eef1f4; color: #263746; }
html[data-dashboard-theme="light"] .route-boot:not(.route-boot--admin) { background: #f5f4f2; color: #25211f; }
@keyframes route-boot-pulse { from { opacity: .35; transform: scale(.94); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .route-boot > span { animation: none; opacity: .75; } }
.boot-error { padding: 24px; color: #ddd; text-align: center; font: 16px/1.6 system-ui, sans-serif; }
.boot-error a { color: inherit; }