.elementor-841 .elementor-element.elementor-element-bba30fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-e9d7936{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-98eb07f{padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-841 .elementor-element.elementor-element-98eb07f{padding:0px 0px 0px 0px;}}@media(max-width:1024px){.elementor-841 .elementor-element.elementor-element-e9d7936{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-98eb07f{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-841 .elementor-element.elementor-element-e9d7936{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-98eb07f{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-ff55408 */body {
    background: #000;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 110% 70% at 25% 80%, rgba(147, 51, 234, 0.16), transparent 55%),
        radial-gradient(ellipse 130% 60% at 75% 15%, rgba(59, 130, 246, 0.12), transparent 65%),
        radial-gradient(ellipse 80% 90% at 20% 30%, rgba(236, 72, 153, 0.18), transparent 50%),
        radial-gradient(ellipse 100% 40% at 60% 70%, rgba(16, 185, 129, 0.10), transparent 45%),
        #000000;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* Article Header */
.article-header {
    text-align: center;
    padding: 80px 20px 40px;
}

.article-title {
    font-family: 'Great Vibes', cursive;
    font-size: 4rem;
    background: linear-gradient(90deg, #9333ea, #3b82f6, #ec4899, #10b981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: glowPulse 3s infinite alternate;
    text-shadow: 0 4px 12px rgba(147,51,234,0.2);
}

/* Article Content */
.article-content {
    max-width: 900px;
    margin: 0 auto 80px;
    padding: 0 20px;
}

.article-paragraph {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #ddd;
    margin-bottom: 50px;
    max-width: 700px;
    transition: transform 0.3s ease, color 0.3s ease;
    position: relative;
}

/* Staggered Layout */
.paragraph-left {
    text-align: left;
    margin-left: 0;
}

.paragraph-right {
    text-align: left;
    margin-left: 120px;
}

.blank-space {
    margin-top: 60px;
}

/* Paragraph Icons */
.paragraph-icon {
    font-size: 2.5rem;
    margin-right: 15px;
    vertical-align: middle;
    display: inline-block;
    background: linear-gradient(45deg, #9333ea, #3b82f6, #ec4899, #10b981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: transform 0.3s ease;
}

.article-paragraph:hover .paragraph-icon {
    transform: scale(1.2) rotate(10deg);
}

/* Glow animation for title */
@keyframes glowPulse {
    0% { filter: drop-shadow(0 0 6px rgba(147,51,234,0.18)); }
    50% { filter: drop-shadow(0 0 20px rgba(236,72,153,0.22)); }
    100% { filter: drop-shadow(0 0 6px rgba(147,51,234,0.18)); }
}

/* Responsive */
@media(max-width:1024px){
    .article-title { font-size: 3rem; }
    .article-paragraph { font-size: 1.1rem; margin-left: 0; }
}

@media(max-width:768px){
    .article-title { font-size: 2.4rem; }
    .article-paragraph { font-size: 1rem; margin-left: 0; }
    .paragraph-icon { font-size: 2rem; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98eb07f */.music-platforms {
    padding: 60px 20px;
    background: rgba(255,255,255,0.03);
    backdrop-filter: blur(15px);
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.heading-container {
    max-width: 900px;
    margin: 0 auto 40px auto;
    text-align: center;
}

.heading-container h1 {
    font-size: 2.4rem;
    font-weight: 900;
    margin-bottom: 10px;
    background: linear-gradient(90deg,#9333ea,#3b82f6,#ec4899,#10b981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 8px rgba(147,51,234,0.5),
                 0 0 12px rgba(59,130,246,0.4),
                 0 0 15px rgba(236,72,153,0.3);
    animation: glowText 2.5s infinite alternate;
}

.heading-container p {
    font-size: 1rem;
    line-height: 1.4;
    color: #ccc;
    font-weight: 500;
    text-align: center;
}

@keyframes glowText {
    0% { text-shadow: 0 0 5px rgba(147,51,234,0.4), 0 0 10px rgba(59,130,246,0.3); }
    100% { text-shadow: 0 0 15px rgba(147,51,234,0.6), 0 0 25px rgba(59,130,246,0.5); }
}

.marquee-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.marquee-row {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
}

.marquee {
    display: flex;
    gap: 20px;
    animation: marquee 18s linear infinite;
}

.marquee.reverse {
    animation-direction: reverse;
}

.marquee img {
    height: 35px;
    transition: transform 0.3s ease;
}

.marquee img:hover {
    transform: scale(1.12);
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media(max-width:1024px){
    .marquee img { height: 28px; }
    .heading-container h1 { font-size: 2rem; }
    .heading-container p { font-size: 0.95rem; }
}

@media(max-width:768px){
    .marquee img { height: 22px; }
    .marquee { gap: 15px; }
}

.heading-container h1 {
    font-size: 2.4rem;
    font-weight: 900;
    margin-bottom: 10px;
    background: linear-gradient(90deg, #9333ea, #3b82f6, #ec4899, #10b981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Stronger neon aura */
    text-shadow:
        0 0 10px rgba(147, 51, 234, 0.6),
        0 0 20px rgba(59, 130, 246, 0.5),
        0 0 30px rgba(236, 72, 153, 0.4),
        0 0 40px rgba(16, 185, 129, 0.35);

    animation: glowText 3s ease-in-out infinite alternate;
}

/* Upgraded animation */
@keyframes glowText {
    0% {
        text-shadow:
            0 0 6px rgba(147, 51, 234, 0.4),
            0 0 14px rgba(59, 130, 246, 0.3),
            0 0 20px rgba(236, 72, 153, 0.25),
            0 0 26px rgba(16, 185, 129, 0.2);
        filter: brightness(0.9);
    }
    100% {
        text-shadow:
            0 0 14px rgba(147, 51, 234, 0.8),
            0 0 28px rgba(59, 130, 246, 0.6),
            0 0 40px rgba(236, 72, 153, 0.55),
            0 0 55px rgba(16, 185, 129, 0.45);
        filter: brightness(1.2);
    }
}/* End custom CSS */