#preloader{position:fixed;inset:0;z-index:9999;background:#070909;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:1;visibility:visible;transition:opacity .7s ease,visibility .7s ease}
#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.pre-logo{font-family:'Bebas Neue','Arial Black',sans-serif;font-size:clamp(3rem,8vw,5.5rem);letter-spacing:.24em;color:#e6eaec;line-height:1}
.pre-tagline{font-family:'Barlow Condensed',Arial,sans-serif;font-size:.58rem;letter-spacing:.5em;text-transform:uppercase;color:#c89008}
.pre-bar{width:200px;height:2px;background:#1a1d20;overflow:hidden}
.pre-bar-inner{height:100%;background:#c89008;width:0;animation:preLoad 1.8s cubic-bezier(.22,1,.36,1) forwards}
@keyframes preLoad{0%{width:0}60%{width:72%}100%{width:100%}}