.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;background:#fff;transition:opacity .8s ease-out}.loading-overlay.fade-out{opacity:0}.loading-container{text-align:center;color:#3d403f;animation:slideIn .8s ease-out}.logo-container{margin-bottom:2rem}.logo-container .loading-logo{width:12rem;height:auto;animation:logoFloat 2s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.loading-text{margin-bottom:2rem}.loading-text h2{font-size:1.5rem;font-weight:300;margin:0 0 1rem;opacity:.9}.loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-dots span{width:8px;height:8px;background:#fff;border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.progress-bar{width:200px;height:3px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden;margin:0 auto}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,transparent,white,transparent);width:50%;animation:progressSlide 2s ease-in-out infinite}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dotBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes progressSlide{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media(max-width:768px){.loading-container{padding:0 2rem}.logo-container .loading-logo{width:10rem}.loading-text h2{font-size:1.2rem}.progress-bar{width:150px}}