/* ===== Hero Section - Desktop Professional ===== */
.character-slider-section {
    position: relative;
    min-height: 100vh;
    background:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(95, 120, 252, 0.35) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 100% 50%, rgba(54, 94, 255, 0.2) 0%, transparent 40%),
        radial-gradient(ellipse 60% 40% at 0% 50%, rgba(133, 137, 242, 0.15) 0%, transparent 40%),
        linear-gradient(180deg, #365eff 0%, #2a4fd9 30%, #1a1240 100%);
    overflow: hidden;
}

/* Hero Container */
.hero-container {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

/* Scroll Down Button Desktop */
#scrollToAboutBtn {
    position: absolute;
    bottom: 4vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#scrollToAboutBtn:hover {
    opacity: 1;
    transform: translateX(-50%) translateY(-5px);
}

#scrollToAboutBtn i {
    font-size: 2.5rem;
    color: rgba(255, 255, 255, 0.8);
    filter: drop-shadow(0 4px 15px rgba(54, 94, 255, 0.5));
}

/* Tablet/Mobile scroll button size */
@media (max-width: 991px) {
    #scrollToAboutBtn i {
        font-size: 2rem;
    }
}