:root {
    --mc-yellow: #F2C94C;
    --mc-yellow-deep: #D4A019;
    --mc-black: #0B0B0C;
    --mc-dark: #121214;
}

html, body {
    height: 100%
}

body {
    font-family: 'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial
}

.mc-glow {
    box-shadow: 0 10px 30px rgba(242,201,76,0.22), inset 0 0 0 1px rgba(212,160,25,0.18);
}

.mc-border {
    border: 1px solid rgba(242,201,76,0.18);
}

.grad-hero {
    background: radial-gradient(800px 400px at 80% -10%, rgba(242,201,76,0.10), transparent 60%), radial-gradient(600px 300px at 10% -10%, rgba(212,160,25,0.10), transparent 60%), linear-gradient(180deg, var(--mc-black), var(--mc-dark));
}

.grad-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.00));
}

.grad-cta {
    background: linear-gradient(90deg, var(--mc-yellow), #FFD75A);
}

.ring-focus:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(242,201,76,0.35);
}

.badge {
    background: rgba(242,201,76,0.12);
    border: 1px solid rgba(242,201,76,0.25);
    color: var(--mc-yellow);
}
/* Carrossel */
.carousel-dot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background-color: rgba(255,255,255,.35);
}

    .carousel-dot.active {
        background-color: var(--mc-yellow);
    }
/* Chat */
.chat-shadow {
    box-shadow: 0 20px 40px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.04);
}