.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.8));
    z-index: 1;
}

.gradient-blue-yellow {
    background: linear-gradient(90deg, #3b82f6, #fbbf24);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 30px rgba(251, 191, 36, 0.5);
}

.gradient-yellow-blue {
    background: linear-gradient(90deg, #fbbf24, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-line {
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #fbbf24, #3b82f6);
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.6);
}

.hero-text-glow {
    text-shadow: 0 0 40px rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    background: rgba(15, 23, 42, 0.3);
    padding: 3rem;
    border-radius: 1.5rem;
}