#preloader{position:fixed;inset:0;background:var(--white);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;transition:opacity 0.6s ease,visibility 0.6s ease}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-logo{display:flex;align-items:center;gap:14px;animation:dotBounce 1.2s ease infinite;max-width:450px}.preloader-bar-wrap{width:220px;height:4px;background:var(--light-gray);border-radius:99px;overflow:hidden}.preloader-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-color),var(--highlight-color),var(--highlight-color));border-radius:99px;animation:loadBar 1.6s ease forwards 0.3s}.preloader-text{font-size:.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-light);font-weight:500;animation:fadeInUp 0.5s ease 0.5s both}.preloader-dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary-color);margin:0 3px;animation:dotBounce 1.2s ease infinite}.preloader-dots span:nth-child(2){animation-delay:0.2s}.preloader-dots span:nth-child(3){animation-delay:0.4s}@keyframes logoPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes spinIn{from{transform:rotate(-90deg) scale(.5);opacity:0}to{transform:rotate(0deg) scale(1);opacity:1}}@keyframes loadBar{from{width:0%}to{width:100%}}@keyframes dotBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}.animate-in.visible{opacity:1;transform:translateY(0)}