/* Écran de démarrage : visible avant le premier rendu de React (qui le remplace), au lieu d'une page vide. */
.boot { display: grid; place-content: center; justify-items: center; gap: 24px; min-height: 100dvh; background: #eef0f6; }
.boot img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px #d9dee7; }
.boot i { display: block; width: 160px; height: 4px; border-radius: 4px; background: #d9dee7; overflow: hidden; }
.boot i::after { content: ''; display: block; width: 40%; height: 100%; border-radius: 4px; background: #2b62e6; animation: boot 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
@keyframes boot { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
@media (prefers-color-scheme: dark) { .boot { background: #11151f; } .boot img { box-shadow: 0 0 0 2px #2b3340; } .boot i { background: #2b3340; } .boot i::after { background: #7fa8ff; } }
@media (prefers-reduced-motion: reduce) { .boot i::after { animation: none; width: 100%; } }