.loader{position:fixed;inset:0;z-index:9999;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease}
.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-inner{text-align:center}
.loader-logo{font-family:'Syne',sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;background:linear-gradient(135deg,var(--accent-violet),var(--accent-cyan),var(--accent-rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:loaderGradient 2s ease-in-out infinite,loaderPulse 1.5s ease-in-out infinite}
.loader-subtitle{font-size:.9rem;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-top:.5rem;opacity:0;animation:fadeUp .6s ease 0.5s forwards}
.loader-bar{width:240px;height:3px;background:rgba(109,40,217,0.12);margin:2rem auto 0;border-radius:4px;overflow:hidden}
.loader-bar-fill{width:0;height:100%;background:linear-gradient(90deg,var(--accent-violet),var(--accent-cyan),var(--accent-rose));border-radius:4px;animation:loadBar 2.2s cubic-bezier(.16,1,.3,1) forwards}
.loader-percentage{font-family:'Syne',sans-serif;font-size:.85rem;color:var(--accent-violet);margin-top:1rem;font-weight:600;opacity:0;animation:fadeUp .6s ease 0.3s forwards}
@keyframes loaderGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes loaderPulse{0%,100%{opacity:1}50%{opacity:.6}}
@keyframes loadBar{0%{width:0}100%{width:100%}}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}