.preloader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;transition:opacity .6s ease,visibility .6s ease}.preloader-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-logo-wrap{position:relative;margin-bottom:36px;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.preloader-logo{width:100%;height:auto;max-height:180px;-o-object-fit:contain;object-fit:contain;background:transparent;mix-blend-mode:multiply;animation:logoReveal .5s cubic-bezier(.16,1,.3,1) forwards,logoPulse 2.5s ease-in-out .5s infinite;opacity:1;filter:drop-shadow(0 2px 12px rgba(0,0,0,.08))}@keyframes logoReveal{0%{opacity:.3;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.preloader-spinner{position:relative;width:64px;height:64px}.preloader-spinner .ring{position:absolute;border-radius:50%;border:2.5px solid transparent}.preloader-spinner .ring:first-child{top:0;left:0;width:100%;height:100%;border-top-color:#3b82f6;border-right-color:#3b82f6;animation:spin1 1s cubic-bezier(.6,.15,.35,.85) infinite}.preloader-spinner .ring:nth-child(2){top:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px);border-bottom-color:#10b981;border-left-color:#10b981;animation:spin2 1.2s cubic-bezier(.6,.15,.35,.85) infinite}.preloader-spinner .ring:nth-child(3){top:14px;left:14px;width:calc(100% - 28px);height:calc(100% - 28px);border-top-color:#f59e0b;animation:spin1 .8s cubic-bezier(.6,.15,.35,.85) infinite}@keyframes spin1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin2{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.preloader-text{margin-top:28px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#94a3b8;font-weight:500}.preloader-progress{width:180px;height:2px;background:#f1f5f9;border-radius:10px;margin-top:16px;overflow:hidden}.preloader-progress .bar{height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#3b82f6,#10b981);animation:progressFill 2.8s ease-in-out forwards}@keyframes progressFill{0%{width:0}15%{width:20%}40%{width:50%}70%{width:78%}90%{width:90%}to{width:96%}}.preloader-icons{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.preloader-icons span{position:absolute;font-size:22px;opacity:0;animation:iconFloat 4s ease-in-out infinite}.preloader-icons span:first-child{top:12%;left:10%;animation-delay:0s;font-size:24px}.preloader-icons span:nth-child(2){top:18%;right:14%;animation-delay:.8s;font-size:18px}.preloader-icons span:nth-child(3){bottom:18%;left:14%;animation-delay:1.6s;font-size:20px}.preloader-icons span:nth-child(4){bottom:22%;right:12%;animation-delay:.4s;font-size:16px}.preloader-icons span:nth-child(5){top:50%;left:6%;animation-delay:1.2s;font-size:18px}.preloader-icons span:nth-child(6){top:65%;right:8%;animation-delay:2s;font-size:22px}@keyframes iconFloat{0%,to{opacity:0;transform:translateY(0) rotate(0deg)}30%,70%{opacity:.07}50%{opacity:.07;transform:translateY(-12px) rotate(5deg)}}.logo-placeholder{width:120px;height:120px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;box-shadow:0 8px 32px rgba(59,130,246,.3);animation:logoReveal 1.8s ease-out forwards,logoPulse 2.5s ease-in-out 1.8s infinite;opacity:0}