#dt-preloader{
    position:fixed;inset:0;z-index:99999;
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    transition:opacity .5s ease, visibility .5s ease;
     background: rgba(5, 13, 31, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
#dt-preloader::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(0,150,255,.16) 1px, transparent 1px);
    background-size:28px 28px;pointer-events:none;
}
.dt-loading-txt{
    color: rgba(0,0,0,.35);   /* ← texto oscuro */
}

.dt-brand{
    color: #0a1628;   /* ← texto oscuro */
}
.dt-loader-scene{
    position:relative;width:160px;height:160px;
    display:flex;align-items:center;justify-content:center;
}
.dt-ring-1{
    position:absolute;width:160px;height:160px;border-radius:50%;
    border:1px dashed rgba(0,197,251,.22);
    animation:dtSpin 10s linear infinite;
}
.dt-ring-2{
    position:absolute;width:120px;height:120px;border-radius:50%;
    border:2px solid transparent;
    border-top-color:#00c5fb;border-right-color:#005cea;
    animation:dtSpin 2s linear infinite;
}
.dt-ring-3{
    position:absolute;width:90px;height:90px;border-radius:50%;
    border:1.5px solid rgba(0,197,251,.15);
    border-bottom-color:#00c5fb;
    animation:dtSpinR 3s linear infinite;
}
.dt-orbit{
    position:absolute;width:140px;height:140px;
    animation:dtSpin 4s linear infinite;
}
.dt-dot{
    position:absolute;border-radius:50%;
    background:#00c5fb;
}
.dt-dot.d1{width:7px;height:7px;top:0;left:50%;transform:translateX(-50%)}
.dt-dot.d2{width:5px;height:5px;bottom:0;left:50%;transform:translateX(-50%);background:#005cea}
.dt-dot.d3{width:6px;height:6px;top:50%;right:0;transform:translateY(-50%);opacity:.6}
.dt-center{
    width:64px;height:64px;border-radius:50%;
    background:linear-gradient(135deg,#005cea,#00c5fb);
    display:flex;align-items:center;justify-content:center;
    font-family:'Outfit',sans-serif;font-size:22px;font-weight:800;color:#fff;
    position:relative;z-index:2;
    animation:dtPulse 2.4s ease-in-out infinite;
    box-shadow:0 0 30px rgba(0,92,234,.4);
}
.dt-bar-wrap{
    width:180px;height:2px;
    background:rgba(255,255,255,.08);border-radius:2px;
    margin-top:28px;overflow:hidden;
}
.dt-bar{
    height:100%;width:40%;
    background:linear-gradient(90deg,#005cea,#00c5fb);
    border-radius:2px;
    animation:dtBar 1.8s ease-in-out infinite;
}
.dt-loading-txt{
    color:rgba(255,255,255,.35);font-size:11px;
    letter-spacing:.18em;text-transform:uppercase;
    margin-top:14px;margin-bottom:0;
    font-family:sans-serif;
    animation:dtPulse 2.4s ease-in-out infinite;
}
.dt-brand{
    color:#fff;font-size:17px;font-weight:700;
    font-family:'Outfit',sans-serif;
    margin-top:6px;letter-spacing:.02em;
}
.dt-brand span{color:#00c5fb}

@keyframes dtSpin  {to{transform:rotate(360deg)}}
@keyframes dtSpinR {to{transform:rotate(-360deg)}}
@keyframes dtPulse {0%,100%{opacity:1}50%{opacity:.5}}
@keyframes dtBar   {0%{transform:translateX(-200%)}100%{transform:translateX(500%)}}