/* Preloader shown by index.html before the app bundle loads; src/main.tsx removes it. */
#preloader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#041D45;color:#fff;transition:opacity .45s ease,visibility .45s;
/* Failsafe: if the app never starts (no JavaScript, script error), fade out on its own. */
animation:pl-failsafe .45s ease 8s forwards}
#preloader.done{opacity:0;visibility:hidden}
#preloader .pl-in{display:grid;justify-items:center;gap:22px}
#preloader .pl-ring{position:relative;width:132px;height:132px;display:grid;place-items:center}
#preloader .pl-ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid rgba(227,197,110,.16)}
#preloader .pl-ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:#C99A2E;border-right-color:#E3C56E;animation:pl-spin .9s linear infinite}
#preloader .pl-tile{width:88px;height:88px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
#preloader .pl-tile img{width:52px;height:auto}
#preloader .pl-wm{font-family:"Saira",ui-sans-serif,"Arial Narrow",Arial,sans-serif;font-style:italic;font-weight:800;font-size:1.6rem;letter-spacing:.02em;line-height:1}
#preloader .pl-wm span{color:#E3C56E}
#preloader .pl-sub{font-family:"Saira",ui-sans-serif,Arial,sans-serif;font-weight:600;font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;color:#A9B6CF;margin-top:-14px}
@keyframes pl-spin{to{transform:rotate(360deg)}}
@keyframes pl-failsafe{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){#preloader .pl-ring::after{animation-duration:2.4s}}