/* Branded startup screen, removed automatically when app.js renders the page. */
.hepix-loading{min-height:100vh;min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;background:#07070b;isolation:isolate}
.hepix-loading-halo{position:absolute;width:min(620px,110vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.2),rgba(231,38,77,.08) 45%,transparent 70%);filter:blur(28px);animation:hepix-loading-halo 3s ease-in-out infinite;z-index:-1}
.hepix-loading-content{display:flex;flex-direction:column;align-items:center;gap:34px;padding:40px}
.hepix-loading-logo{display:block;width:clamp(180px,35vw,260px);height:auto;object-fit:contain;filter:drop-shadow(0 0 16px rgba(124,58,237,.45));animation:hepix-loading-logo 2.5s ease-in-out infinite}
.hepix-loading-track{width:132px;height:3px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.08)}
.hepix-loading-track::after{content:"";display:block;width:55%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#c16aff,#e7264d);box-shadow:0 0 12px #9b58ed;animation:hepix-loading-bar 1.5s ease-in-out infinite}
@keyframes hepix-loading-logo{0%,100%{opacity:.8;transform:scale(.985);filter:drop-shadow(0 0 12px rgba(124,58,237,.4))}50%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 28px rgba(124,58,237,.65)) drop-shadow(0 0 8px rgba(231,38,77,.28))}}
@keyframes hepix-loading-halo{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@keyframes hepix-loading-bar{0%{transform:translateX(-120%)}100%{transform:translateX(285%)}}
@media(prefers-reduced-motion:reduce){.hepix-loading-logo,.hepix-loading-halo,.hepix-loading-track::after{animation:none}.hepix-loading-track::after{width:100%}.hepix-loading-logo{opacity:1}}