.text-white {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.text-blue {
    color: #2196ff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.hero-title {
    font-weight: 800;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    will-change: transform, opacity, filter;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.hero-title span {
    will-change: transform, opacity, filter;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}