.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a472a,#2d5a40);background-size:400% 400%;animation:15s infinite gradient;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s cubic-bezier(.4, 0, .2, 1),visibility .8s cubic-bezier(.4, 0, .2, 1)}@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-logo{width:120px;height:120px;margin-bottom:20px;animation:2s infinite pulse}.loading-text{color:#fff;font-family:Poppins,sans-serif;font-size:24px;margin-top:20px;letter-spacing:2px;font-weight:600;text-align:center;animation:2s infinite pulse}.loading-progress{width:200px;height:4px;background-color:rgba(255,255,255,.2);border-radius:4px;margin-top:15px;overflow:hidden;position:relative}.progress-bar{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#4caf50;border-radius:4px;transition:width .3s}.loading-status{color:rgba(255,255,255,.8);font-size:14px;margin-top:10px;font-family:Poppins,sans-serif}.loading-spinner{width:80px;height:80px;position:relative;perspective:800px;margin-bottom:20px}.loading-spinner::after,.loading-spinner::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent;box-shadow:0 0 20px rgba(0,0,0,.2)}.loading-spinner::before{border-top-color:#4caf50;border-right-color:#4caf50;animation:2s cubic-bezier(.4,0,.2,1) infinite spinner-outer}.loading-spinner::after{border-bottom-color:#fff;border-left-color:#fff;animation:2s cubic-bezier(.4,0,.2,1) infinite spinner-inner;width:70%;height:70%;top:15%;left:15%}.loading-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}@keyframes spinner-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-inner{0%{transform:rotate(0)}100%{transform:rotate(-720deg)}}@keyframes pulse{0%,100%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){.loading-overlay{padding:20px}.loading-logo{width:100px;height:100px}.loading-text{font-size:20px;letter-spacing:1px;padding:0 20px;text-align:center;line-height:1.4}.loading-progress{width:80%;max-width:250px;min-width:180px}.loading-spinner{width:70px;height:70px}.loading-status{font-size:13px;padding:0 20px;text-align:center}}@media screen and (max-width:480px){.loading-overlay{padding:15px}.loading-spinner{width:60px;height:60px}.loading-text{font-size:18px;letter-spacing:.5px;padding:0 15px;margin-top:15px}.loading-progress{width:90%;max-width:200px;min-width:150px;margin-top:20px}.loading-status{font-size:12px;margin-top:8px;padding:0 15px}}@media screen and (max-width:320px){.loading-overlay{padding:10px}.loading-spinner{width:50px;height:50px}.loading-text{font-size:16px;margin-top:12px;padding:0 10px}.loading-progress{width:95%;max-width:180px;margin-top:15px}.loading-status{font-size:11px;margin-top:6px;padding:0 10px}}@media screen and (max-height:500px) and (orientation:landscape){.loading-overlay{padding:10px}.loading-content{transform:scale(.8)}.loading-spinner{width:50px;height:50px;margin-bottom:10px}.loading-text{font-size:16px;margin-top:10px}.loading-progress{width:200px;margin-top:10px}.loading-status{font-size:11px;margin-top:5px}}