.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s cubic-bezier(.4, 0, .2, 1)}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-container{position:relative;width:300px;height:300px;display:flex;justify-content:center;align-items:center}.loading-logo{width:180px;height:180px;background-image:url('../../source/images/logo/BlackLogo.png');background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;z-index:2;filter:drop-shadow(0 0 15px rgba(0, 123, 255, .3))}.loading-circle{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#007bff;border-radius:50%;animation:rotate 2s linear infinite}.loading-circle::after,.loading-circle::before{content:'';position:absolute;border:4px solid transparent;border-radius:50%}.loading-circle::before{top:8px;left:8px;right:8px;bottom:8px;border-top-color:#00bfff;animation:rotate 3s linear infinite}.loading-circle::after{top:20px;left:20px;right:20px;bottom:20px;border-top-color:#0056b3;animation:rotate 1.5s linear infinite}.loading-progress-container{width:400px;height:6px;background:rgba(0,0,0,.05);margin-top:50px;border-radius:3px;overflow:hidden;position:relative;box-shadow:0 0 10px rgba(0,123,255,.1)}.loading-progress{height:100%;width:0;background:linear-gradient(90deg,#007bff,#00bfff);position:relative;animation:progress 1.5s ease-in-out forwards}.loading-progress::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);animation:shine 1.5s infinite}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes progress{0%{width:0}100%{width:100%}}@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (max-width:768px){.loading-container{width:200px;height:200px}.loading-logo{width:120px;height:120px}.loading-circle{border-width:3px}.loading-circle::after,.loading-circle::before{border-width:3px}.loading-circle::before{top:6px;left:6px;right:6px;bottom:6px}.loading-circle::after{top:15px;left:15px;right:15px;bottom:15px}.loading-progress-container{width:250px;height:4px;margin-top:30px}}