/* Boot spinner shown before React mounts (main.jsx removes #et-boot once it does).
   Linked directly in index.html <head> so it's ready before any JS runs — the whole
   point is covering the blank-page gap while the module script loads. */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #F5F7FA; }

#et-boot { display: flex; position: fixed; inset: 0; background: #F5F7FA;
  align-items: center; justify-content: center; z-index: 9999; }
#et-boot .s { width: 30px; height: 30px; border-radius: 50%;
  border: 3px solid rgba(13,148,136,0.25); border-top-color: #0D9488;
  animation: et-spin 0.8s linear infinite; }
@keyframes et-spin { to { transform: rotate(360deg); } }

@media (prefers-color-scheme: dark) {
  body { background: #080D1A; }
  #et-boot { background: #080D1A; }
}
