/* Прелоадер главной: разметка в public/index.html, логика в src/utils/preloader.ts.
   Отдельный файл, а не <style> в index.html: грузится до скриптов и не
   зависит от минификатора сборки. */
#site-preloader{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(700px 420px at 50% 46%,rgba(225,78,56,.2),rgba(225,78,56,0) 70%),#050505;transition:opacity .6s ease .15s,visibility 0s .75s;font-family:Onest,'Segoe UI',Arial,sans-serif}
#site-preloader .pl-logo{position:relative;width:64px;height:100px;transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .5s}
#site-preloader .pl-logo img{position:absolute;inset:0;width:100%;height:100%}
#site-preloader .pl-bg{animation:pl-breathe 2.2s ease-in-out infinite}
#site-preloader .pl-letter{filter:drop-shadow(0 0 14px rgba(255,138,92,.55))}
#site-preloader .pl-bar{width:240px;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;transition:opacity .3s}
#site-preloader .pl-bar i{display:block;height:100%;width:4%;border-radius:4px;background:linear-gradient(223deg,#FB6F50 20.89%,#E17E46 54.78%,#FF4A31 100%);box-shadow:0 0 12px rgba(251,111,80,.7);transition:width .35s ease-out}
#site-preloader .pl-cap{font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55);transition:opacity .3s}
#site-preloader .pl-cap b{font-weight:900;color:#FF8A5C;margin-left:6px}
#site-preloader.pl-done{opacity:0;visibility:hidden}
#site-preloader.pl-done .pl-logo{transform:scale(1.25);opacity:0}
#site-preloader.pl-done .pl-bar,#site-preloader.pl-done .pl-cap{opacity:0}
@keyframes pl-breathe{0%,100%{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){#site-preloader,#site-preloader *{animation:none!important;transition:none!important}}