@font-face {
    font-display: swap;
}

.glass-card {
    background: rgba(24, 24, 27, 0.4);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.text-gradient {
    background: linear-gradient(to right, #ffffff 40%, #a5b4fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-glow {
    background: radial-gradient(circle at 50% -10%,
            rgba(79, 70, 229, 0.1) 0%,
            transparent 50%);
}

input,
textarea {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

input:focus,
textarea:focus {
    outline: none;
    border-color: #4f46e5 !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

section {
    min-height: 200px;
}

/* Sem itálicos conforme instrução */
* {
    font-style: normal !important;
}

section#problema {
    background: rgb(18 18 20 / var(--tw-bg-opacity, 1));
}

section#solucao {
    background: none;
}

.absolute.inset-0.bg-gradient-to-t.from-black.via-black\/70.to-transparent {
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}