#dges-loader { position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; background: linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 55%, var(--navy-mid) 100%); opacity: 1; transition: opacity .55s ease, visibility .55s ease;} #dges-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; } .dl-orb { position: absolute; border-radius: 50%; pointer-events: none; } .dl-orb.one { width: 380px; height: 380px; top: -120px; right: -110px; background: radial-gradient(circle, rgba(201,151,43,.18), transparent 70%); } .dl-orb.two { width: 300px; height: 300px; bottom: -110px; left: -90px; background: radial-gradient(circle, rgba(255,255,255,.05), transparent 70%); } .dl-mark { position: relative; width: 92px; height: 92px; display: flex; align-items: center; justify-content: center; } .dl-ring { position: absolute; inset: 0; border-radius: 50%; border: 2.5px solid rgba(245,217,142,.15); } .dl-ring.spin { border-top-color: var(--gold-lt); border-right-color: var(--gold-lt); animation: dlSpin 1s linear infinite; } .dl-logo { width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(135deg, #fff, #ece6d8); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(201,151,43,.4); overflow: hidden; animation: dlPulse 1.8s ease-in-out infinite; } .dl-logo img { width: 100%; height: 100%; object-fit: contain; } .dl-text { position: relative; text-align: center; z-index: 1; } .dl-text strong { display: block; font-family: var(--font-display); font-size: 20px; font-weight: 800; color: #fff; letter-spacing: .01em; } .dl-text small { display: block; margin-top: 5px; font-size: 10.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-lt); } .dl-bar { position: relative; z-index: 1; width: 160px; height: 3px; border-radius: 3px; background: rgba(255,255,255,.12); overflow: hidden; } .dl-bar span { position: absolute; left: 0; top: 0; height: 100%; width: 40%; border-radius: 3px; background: linear-gradient(90deg, transparent, var(--gold-lt), transparent); animation: dlSlide 1.15s ease-in-out infinite; } @keyframes dlSpin { to { transform: rotate(360deg); } } @keyframes dlPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } } @keyframes dlSlide { 0% { left: -40%; } 100% { left: 100%; } }