/* ======================================
   COLORFUL DESIGN ENHANCEMENT
====================================== */

/* Colorful background */
#course-part.modern-content {
    background: linear-gradient(
        125deg,
        #f0f4ff 0%,
        #f9f0ff 30%,
        #eafaff 65%,
        #fff5f0 100%
    );
}

/* Colorful moving glow */
.orb-one {
    background: #477bff;
    opacity: 0.40;
}

.orb-two {
    background: #bd65ff;
    opacity: 0.35;
}

.orb-three {
    background: #00d4c7;
    opacity: 0.35;
}

/* Colorful floating particles */
.electric-particles span:nth-child(1),
.electric-particles span:nth-child(5) {
    background: #ff5c9a;
    box-shadow: 0 0 15px #ff5c9a;
}

.electric-particles span:nth-child(2),
.electric-particles span:nth-child(6) {
    background: #785cff;
    box-shadow: 0 0 15px #785cff;
}

.electric-particles span:nth-child(3),
.electric-particles span:nth-child(7) {
    background: #00c9d8;
    box-shadow: 0 0 15px #00c9d8;
}

.electric-particles span:nth-child(4),
.electric-particles span:nth-child(8) {
    background: #ffb52e;
    box-shadow: 0 0 15px #ffb52e;
}

/* Featured image colorful border */
.featured-image-frame {
    background: linear-gradient(
        135deg,
        #ff6b9d,
        #7b61ff,
        #00c9d8,
        #ffc857,
        #ff6b9d
    );
    background-size: 300% 300%;
    animation:
        imageFloat 5s ease-in-out infinite,
        colorfulBorder 6s ease infinite;
}

@keyframes colorfulBorder {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Colorful image glow */
.image-glow {
    background: linear-gradient(
        135deg,
        rgba(255, 80, 150, 0.35),
        rgba(100, 80, 255, 0.35),
        rgba(0, 200, 220, 0.35)
    );
}

/* Heading gradient */
.animated-heading h1,
.animated-heading h2,
.animated-heading h3,
.animated-heading h4,
.animated-heading h5,
.animated-heading h6 {
    background: linear-gradient(
        90deg,
        #17246d,
        #5942bd,
        #008fbd
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Colorful heading underline */
.animated-heading h1::after,
.animated-heading h2::after,
.animated-heading h3::after,
.animated-heading h4::after,
.animated-heading h5::after,
.animated-heading h6::after {
    background: linear-gradient(
        90deg,
        #ff5996,
        #8157ed,
        #00c9d8,
        #ffbd42
    );
}

/* Excerpt highlight */
.page-excerpt {
    border-left: 5px solid #8055e9;
    background: linear-gradient(
        90deg,
        rgba(128, 85, 233, 0.09),
        rgba(0, 201, 216, 0.04),
        transparent
    );
    border-radius: 0 12px 12px 0;
    padding: 15px 20px;
}

/* Content image hover */
.content-image {
    border: 3px solid rgba(128, 85, 233, 0.15);
}

.content-image:hover {
    border-color: #00bcd4;
}

/* Colorful gallery cards */
.multiple-image-item {
    border: 2px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(
            135deg,
            #ff6b9d,
            #785cff,
            #00c9d8
        ) border-box;
}

/* Activities colorful background */
.activities-section {
    background: linear-gradient(
        135deg,
        #f0f4ff,
        #fff0f7,
        #eafaff
    );
}

/* Activity card hover */
.activity-card {
    border-top: 3px solid transparent;
    transition: all 0.4s ease;
}

.activity-card:hover {
    border-top-color: #8055e9;
    box-shadow: 0 15px 35px rgba(104, 78, 190, 0.18);
}

/* Colorful activity button */
.activity-button {
    background: linear-gradient(
        100deg,
        #17246d,
        #7049ce,
        #078fbc
    );
    background-size: 200% 200%;
}

.activity-button:hover {
    background-position: 100% 50%;
}

/* Colorful activity title */
.activities-heading h2 {
    background: linear-gradient(
        90deg,
        #17246d,
        #8055e9,
        #00a9c8
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Colorful section underline */
.heading-underline {
    background: linear-gradient(
        90deg,
        #ff5996,
        #8055e9,
        #00c9d8,
        #ffc857
    );
}