body {
    background: url('../img/bg.png') no-repeat center center;
    background-size: cover;
    margin: 0; 
    height: 100dvh;
    overflow: auto; 
}

/* Centraliza o container branco no meio da tela */
#trial-section {
    min-height: 100dvh; 
    display: flex;
    align-items: center; 
    justify-content: center; 
    padding: 12px; 
}

#trial-section .card {
    width: 100%;
    max-width: 760px; 
    border-radius: .5rem;
    margin-left: auto;        /* centraliza horizontalmente */
    margin-right: auto;       /* centraliza horizontalmente */
}

/* ===== Botão Principal de Ação (CTA) ===== */
.btn-cta {
    background: #9c27b0;
    color: #fff !important;
    padding: 0.75rem 2rem;
    border: none;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translateY(0) translateZ(0);
    will-change: transform, box-shadow;
    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.4));
}

.btn-cta:hover,
.btn-cta:focus {
    transform: translateY(-6px) translateZ(0);
    opacity: 0.9;
    background-color: #9c27b0;
}

.btn-cta:active {
    transform: translateY(2px) translateZ(0);
    transition: all 0.1s ease;
    background-color: #9c27b0 !important;
}

.logo{
    max-height: 190px;
}

.titulo{
    color: #7233a1;
}