/* Custom colorful UI */
.hero-bg {
    background: linear-gradient(135deg, #6d28d9, #db2777, #f59e0b);
}
.card {
    transition: transform .2s ease, box-shadow .2s ease;
}
.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0,0,0,.18);
}
.badge {
    padding: .25rem .6rem;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 600;
}
.badge-hombre { background:#3b82f6; color:white; }
.badge-mujer { background:#ec4899; color:white; }
.badge-empresa { background:#10b981; color:white; }
.btn-primary {
    background: linear-gradient(135deg, #f59e0b, #f97316);
}
.btn-primary:hover { filter: brightness(1.1); }
.tab-active {
    background: white;
    color: #111827;
}