@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root {
    --vermelho: #F21E26;
    --vermelho-suave: #ff6b7a;
    --azul: #084F98;
    --azul-vivo: #0b67c3;
    --azul-escuro: #063b72;
    --azul-claro: rgba(8, 79, 152, 0.18);
    --cinza-bg: #070b14;
    --cinza-texto: #ffffff;
    --cinza-suave: rgba(255, 255, 255, 0.62);
    --borda: rgba(255, 255, 255, 0.1);
    --branco: #ffffff;
    --painel: rgba(12, 18, 32, 0.78);
    --painel-suave: rgba(255, 255, 255, 0.06);
    --painel-hover: rgba(255, 255, 255, 0.09);
    --sombra: 0 30px 90px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    --gradiente-app:
        radial-gradient(circle at top left, rgba(8, 79, 152, 0.35), transparent 35%),
        radial-gradient(circle at bottom right, rgba(190, 30, 45, 0.25), transparent 35%),
        linear-gradient(135deg, #070b14 0%, #0d1321 48%, #05070d 100%);
    --gradiente-azul: linear-gradient(135deg, var(--azul), var(--azul-vivo));
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(142, 197, 255, 0.36) rgba(6, 10, 19, 0.46);
}

body {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 12.8px;
    background: var(--gradiente-app);
    background-attachment: fixed;
    color: var(--cinza-texto);
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        rgba(6, 10, 19, 0.56);
}

::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(142, 197, 255, 0.58), rgba(82, 158, 255, 0.36))
        padding-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, rgba(142, 197, 255, 0.78), rgba(82, 158, 255, 0.52))
        padding-box;
}

::-webkit-scrollbar-thumb:active {
    background:
        linear-gradient(180deg, rgba(53, 208, 127, 0.72), rgba(82, 158, 255, 0.58))
        padding-box;
}

::-webkit-scrollbar-corner {
    background: rgba(6, 10, 19, 0.56);
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
    font-family: inherit;
}

[hidden] {
    display: none !important;
}

@keyframes blurReveal {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.96);
        filter: blur(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes borderMove {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }
}