:root{--primary-color:#6366f1;--secondary-color:#818cf8;--accent-color:#4f46e5;--background-start:#0f172a;--background-end:#1e293b;--text-color:#f3f4f6}.progress-text{color:#fff}.loading-status-text{color:hsla(0,0%,100%,.9);font-size:1.1rem;font-weight:400;letter-spacing:.4px;margin-top:1.6rem;min-height:1.5em;transition:all .4s ease}.loading-screen{align-items:center;background:linear-gradient(135deg,var(--background-start),var(--background-end));display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .8s ease-in-out;width:100%;z-index:1000}.particle{background:var(--secondary-color);border-radius:50%;height:4px;opacity:0;pointer-events:none;position:absolute;width:4px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:2.5rem;position:relative}.loader-ring{height:150px;position:relative;width:150px}.loader-ring:after,.loader-ring:before{animation:spin 2s linear infinite;border:3px solid transparent;border-radius:50%;border-top:3px solid var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.loader-ring:after{animation:spin 1.5s linear infinite reverse;border:3px solid transparent;border-top:3px solid var(--secondary-color)}.loader-core{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,var(--accent-color) 0,transparent 70%);border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.progress-container{position:relative;width:240px}.progress-bar{background:hsla(0,0%,100%,.1);border-radius:4px;height:4px;overflow:hidden;position:relative;width:100%}.progress-ring{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:100%;left:0;position:absolute;top:0;transition:width .3s ease-out;width:0}.progress-text{font-size:.875rem;font-weight:500;opacity:.8;position:absolute;right:0;top:-25px}.loading-text{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.2rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.content{opacity:0;padding:2rem;text-align:center;transform:translateY(20px);transition:all .8s ease-out}.content.visible{opacity:1;transform:translateY(0)}.content h1{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2.5rem;margin-bottom:1rem}.refresh-btn{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:2rem;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s}.refresh-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.refresh-btn:hover:before{left:100%}.refresh-btn:hover{box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-2px)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) translateX(0)}50%{opacity:.8}to{opacity:0;transform:translateY(-100px) translateX(var(--translateX))}}@media (max-width:768px){.loader-ring{height:120px;width:120px}.loader-core{height:60px;width:60px}.progress-container{width:200px}.loading-text{font-size:1rem}.content h1{font-size:2rem}}