body{

    background:#050505;
    color:white;
    font-family:Inter,sans-serif;

    background-image:
    radial-gradient(circle at top left,#f59e0b22,transparent 25%),
    radial-gradient(circle at bottom right,#eab30811,transparent 25%);

}

/* GLASS */

.glass{

    background:rgba(255,255,255,.04);
    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.06);

}

/* NEON */

.neon-text{

    text-shadow:
    0 0 10px #facc15,
    0 0 20px #facc15;

}

/* SHIMMER */

.shimmer{

    position:relative;
    overflow:hidden;

}

.shimmer::before{

    content:'';

    position:absolute;
    top:0;
    left:-100%;

    width:100%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.08),
        transparent
    );

    animation:shimmer 2s infinite;

}

@keyframes shimmer{

    100%{
        left:100%;
    }

}

/* CARD HOVER */

.card3d{

    transition:.3s ease;

}

.card3d:hover{

    transform:
    translateY(-5px)
    scale(1.02);

}

/* LIVE DOT */

.live-dot{

    width:10px;
    height:10px;

    border-radius:999px;

    background:#22c55e;

    animation:pulse 1s infinite;

}

@keyframes pulse{

    0%{
        opacity:1;
        transform:scale(1);
    }

    50%{
        opacity:.5;
        transform:scale(1.4);
    }

    100%{
        opacity:1;
        transform:scale(1);
    }

}

/* PREMIUM BUTTON */

.btn-gold{
    background:linear-gradient(135deg,#facc15,#fb923c);
    color:black;
    font-weight:900;
    box-shadow:0 10px 40px rgba(250,204,21,.25);
}

/* SOFT CARD */

.soft-card{
    background:linear-gradient(180deg,#18181b,#09090b);
    border:1px solid #27272a;
}

/* ACTIVE PRESS EFFECT */

.press{
    transition:.2s;
}
.press:active{
    transform:scale(.96);
}

/* GLOW EFFECT */

.glow{
    box-shadow:
    0 0 20px rgba(250,204,21,.3),
    0 0 40px rgba(250,204,21,.15);
}

/* FLOATING */

.float{
    animation:float 3s ease-in-out infinite;
}

@keyframes float{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
}

/* SCROLL HIDE BAR */

::-webkit-scrollbar{
    width:6px;
}
::-webkit-scrollbar-thumb{
    background:#27272a;
    border-radius:10px;
}

.loader{
    width:22px;
    height:22px;
    border:3px solid #000;
    border-top-color:transparent;
    border-radius:999px;
    animation:spin .8s linear infinite;
}

@keyframes spin{
    to{transform:rotate(360deg)}
}

.modal-bg{
    background:rgba(0,0,0,.75);
    backdrop-filter:blur(12px);
}