:root {
    --nv-black: #050508;
    --nv-black2: #0a0810;
    --nv-panel: #100c17;

    --nv-purple: #962cff;
    --nv-purple2: #b84cff;
    --nv-purple3: #d597ff;

    --nv-border: rgba(166,70,255,.45);
    --nv-text: #f8f5fb;
    --nv-muted: #aaa4b0;
}

html,
body,
#root {
    background:
        radial-gradient(circle at 70% 0%, rgba(126,25,190,.16), transparent 38%),
        linear-gradient(180deg,#0a0910,#050508) !important;

    color: var(--nv-text) !important;
}

header,
nav,
.navbar {
    background: rgba(5,5,8,.98) !important;
    border-bottom-color: rgba(150,44,255,.32) !important;
}

.nv-logo {
    width: 46px !important;
    height: 46px !important;
    object-fit: contain !important;
    margin-right: 10px !important;

    filter:
        drop-shadow(0 0 9px rgba(170,60,255,.65)) !important;
}

.nv-old-rp {
    display: none !important;
}

.nv-vip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 12px 22px !important;

    background:
        linear-gradient(135deg,#7216bd,#a22fff) !important;

    color: white !important;

    border:
        1px solid #bd65ff !important;

    text-decoration: none !important;

    font-weight: 700 !important;

    letter-spacing: .7px !important;

    box-shadow:
        0 0 16px rgba(150,44,255,.25) !important;
}

.nv-vip:hover {
    background:
        linear-gradient(135deg,#9025dc,#bb59ff) !important;

    box-shadow:
        0 0 22px rgba(150,44,255,.42) !important;
}

#loja-vip {
    padding: 90px 8% !important;

    text-align: center !important;

    background:
        linear-gradient(
            180deg,
            rgba(6,5,9,.98),
            rgba(20,10,30,.98)
        ) !important;

    border-top:
        1px solid rgba(150,44,255,.32) !important;
}

#loja-vip h2 {
    color: white !important;

    font-size:
        clamp(32px,5vw,58px) !important;

    margin-bottom: 15px !important;
}

#loja-vip p {
    max-width: 720px !important;

    margin:
        0 auto 30px auto !important;

    color:
        #aea7b5 !important;
}

h1,h2,h3,h4,h5,h6 {
    color: #faf7fc !important;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background: #050508;
}

::-webkit-scrollbar-thumb {
    background: #64129d;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #962cff;
}

::selection {
    background: #8020ca;
    color: white;
}