#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.loading-content{text-align:center;color:white}.logo{font-size:3rem;margin-bottom:20px;color:#fdbb2d}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fdbb2d;animation:spin 1s ease-in-out infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.progress-barr{width:250px;height:10px;background:rgba(255,255,255,.2);border-radius:10px;overflow:hidden;margin:20px auto}.progress{height:100%;width:0;background:#fdbb2d;border-radius:10px;transition:width .3s ease}.loading-text{font-size:1.2rem;margin-top:15px}