*{
    box-sizing:border-box
    
}
body{
    margin:0;font-family:Arial,sans-serif;
    background:#0b0f19;color:#fff
    
}
#preloader{
    position:fixed;
    inset:0;
    background:#070b14;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:999999;
    overflow:hidden;
    transition:opacity 1s ease,visibility 1s ease,transform 1s ease
    
}
#preloader.hide{
    opacity:0;
    visibility:hidden;
    transform:scale(1.04);
    pointer-events:none
    
}
.glow{
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,208,132,.18),rgba(0,170,255,.08) 40%,transparent 70%);
    filter:blur(8px);
    animation:pulse 2.5s ease-in-out infinite
    
}
.loader-container{
    text-align:center;
    position:relative;
    z-index:2
    
}
.logoo-wrap{
    width:100px;
    height:100px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative
    
}
.logoo-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:2px solid rgba(0,208,132,.18);
    box-shadow:0 0 35px rgba(0,208,132,.25);
    animation:pulse 2s ease-in-out infinite
    
}
.logoo-wrap::after{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:2px solid transparent;
    border-top-color:#00d084;
    border-right-color:#00aaff;
    animation:spin 1.2s linear infinite
}
.logoo{
    max-width:80px;
    max-height:80px;
    object-fit:contain;
    filter:drop-shadow(0 0 15px rgba(0,208,132,.55))
}
.logoo-fallback{
    font-size:25px;
    font-weight:800;
    letter-spacing:4px
}

.loading-text{
    margin-top:8px;
    font-size:11px;
    letter-spacing:3px;
    color:#8490a5;
    text-transform:uppercase
}

@keyframes spin{
    to{
        transform:rotate(360deg)}
    
}
@keyframes pulse{
    0%,100%
    {transform:scale(.95);
    opacity:.7}50%{transform:scale(1.08);opacity:1}
}
@media(max-width:600px){
    .progress{width:220px}.logoo-wrap{width:100px;height:100px}.logo{max-width:72px;max-height:72px}}