.lwm-hero-slider.lwm-hero-slider * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.lwm-hero-slider.lwm-hero-slider {
    font-family: 'Arial', sans-serif !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .slider-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
}

.lwm-hero-slider.lwm-hero-slider .slide {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.8s ease !important;
}

.lwm-hero-slider.lwm-hero-slider .slide.active {
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 2 !important;
}

/* ============ SLIDE 1 - PRODUCT ============ */
.lwm-hero-slider.lwm-hero-slider .slide-1 {
    background-image: url('https://new.lekcjewartemiliony.pl/wp-content/uploads/2026/02/snm-kurs-jak-stworzyc-firme-bez-kapitalu-slider-background.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 80px !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-1::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-1 .content-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    flex-direction: row-reverse !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-1 .text-content {
    flex: 1 !important;
    max-width: 650px !important;
    color: white !important;
}

.lwm-hero-slider.lwm-hero-slider .badge {
    display: inline-flex !important;
    padding: 14px 28px !important;
    background: linear-gradient(135deg, rgba(202, 156, 87, 0.2) 0%, rgba(202, 156, 87, 0.1) 100%) !important;
    border: 2px solid #ca9c57 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 30px !important;
    backdrop-filter: blur(10px) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-1 h1 {
    font-size: 68px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 30px !important;
    text-transform: uppercase !important;
    text-shadow: 2px 2px 20px rgba(0,0,0,0.5) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .highlight {
    color: #ca9c57 !important;
}

.lwm-hero-slider.lwm-hero-slider .subtitle {
    font-size: 22px !important;
    line-height: 1.6 !important;
    margin-bottom: 50px !important;
    opacity: 0.9 !important;
    font-weight: 300 !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .features-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 40px !important;
}

.lwm-hero-slider.lwm-hero-slider .feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.lwm-hero-slider.lwm-hero-slider .feature-item::before {
    content: '✓' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    background: linear-gradient(135deg, #ca9c57 0%, #dab578 100%) !important;
    color: #1a1a2e !important;
    border-radius: 50% !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

.lwm-hero-slider.lwm-hero-slider .cta-button {
    display: inline-block !important;
    padding: 20px 50px !important;
    background: linear-gradient(135deg, #ca9c57 0%, #dab578 100%) !important;
    color: #1a1a2e !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-radius: 50px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 10px 30px rgba(202, 156, 87, 0.4) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.lwm-hero-slider.lwm-hero-slider .cta-button::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: -1 !important;
}

.lwm-hero-slider.lwm-hero-slider .cta-button:hover::after {
    opacity: 1 !important;
}

.lwm-hero-slider.lwm-hero-slider .cta-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 40px rgba(202, 156, 87, 0.5) !important;
}

.lwm-hero-slider.lwm-hero-slider .cta-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 8px 25px rgba(202, 156, 87, 0.4) !important;
}

.lwm-hero-slider.lwm-hero-slider .product-container {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.lwm-hero-slider.lwm-hero-slider .product-image {
    width: 700px !important;
    height: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    will-change: transform !important;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5)) !important;
}

.lwm-hero-slider.lwm-hero-slider .floating-element {
    position: absolute !important;
    animation: float 3s ease-in-out infinite !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    color: #ca9c57 !important;
    opacity: 0.6 !important;
    text-shadow: 0 4px 10px rgba(202, 156, 87, 0.3) !important;
}

.lwm-hero-slider.lwm-hero-slider .floating-element::before {
    content: '$' !important;
}

.lwm-hero-slider.lwm-hero-slider .floating-element:nth-child(1) {
    top: 15% !important;
    left: 10% !important;
    font-size: 52px !important;
}

.lwm-hero-slider.lwm-hero-slider .floating-element:nth-child(2) {
    bottom: 25% !important;
    left: 5% !important;
    animation-delay: 1s !important;
    font-size: 36px !important;
}

.lwm-hero-slider.lwm-hero-slider .floating-element:nth-child(3) {
    top: 45% !important;
    left: 15% !important;
    animation-delay: 2s !important;
    font-size: 44px !important;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

/* ============ SLIDE 2 - CONGRESS ============ */
.lwm-hero-slider.lwm-hero-slider .slide-2 {
    background-image: url('https://lekcjewartemiliony.pl/wp-content/uploads/2025/05/kongres-bg.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-2::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-2 .content-layer {
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
    color: white !important;
    margin-top: -15vh !important;
    transition: transform 0.1s ease-out !important;
}

.lwm-hero-slider.lwm-hero-slider .congress-label {
    font-size: 20px !important;
    letter-spacing: 10px !important;
    text-transform: uppercase !important;
    margin-bottom: 30px !important;
    font-weight: 800 !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-2 h2 {
    font-size: 64px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    max-width: 1100px !important;
    text-shadow: 3px 3px 30px rgba(0,0,0,0.8) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .cta-section {
    position: absolute !important;
    bottom: 15% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
    z-index: 4 !important;
}

.lwm-hero-slider.lwm-hero-slider .early-bird {
    font-size: 16px !important;
    color: white !important;
    opacity: 0.9 !important;
}

.lwm-hero-slider.lwm-hero-slider .character-image {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    height: 55vh !important;
    transition: transform 0.1s ease-out !important;
    filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.6)) !important;
    z-index: 3 !important;
}

/* ============ SLIDE 3 - VIDEO ============ */
.lwm-hero-slider.lwm-hero-slider .slide-3 {
    background: #000 !important;
}

.lwm-hero-slider.lwm-hero-slider .hero__bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
}

.lwm-hero-slider.lwm-hero-slider .hero__bg video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: translateZ(0) !important;
}

.lwm-hero-slider.lwm-hero-slider .hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(135deg, rgba(0,0,0,0.55), rgba(0,0,0,0.15) 55%, rgba(0,0,0,0.55)) !important;
}

.lwm-hero-slider.lwm-hero-slider .hero__content {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 42px !important;
    color: #fff !important;
    text-align: center !important;
}

.lwm-hero-slider.lwm-hero-slider .video-title {
    font-size: 82px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 40px !important;
    text-shadow: 3px 3px 30px rgba(0,0,0,0.8) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .video-title .line {
    display: block !important;
}

.lwm-hero-slider.lwm-hero-slider .video-title .letter {
    display: inline-block !important;
    opacity: 0 !important;
    filter: blur(20px) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-3.first-time-active .video-title .letter {
    animation: letterFocusIn 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .video-description {
    font-size: 26px !important;
    line-height: 1.6 !important;
    margin-bottom: 50px !important;
    max-width: 800px !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .video-cta {
    opacity: 0 !important;
    filter: blur(15px) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-3.first-time-active .video-cta {
    animation: letterFocusIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-3.animation-completed .video-title .letter,
.lwm-hero-slider.lwm-hero-slider .slide-3.animation-completed .video-description span,
.lwm-hero-slider.lwm-hero-slider .slide-3.animation-completed .video-cta {
    opacity: 1 !important;
    filter: blur(0) !important;
}

@keyframes letterFocusIn {
    0% {
        opacity: 0;
        filter: blur(20px);
    }
    100% {
        opacity: 1;
        filter: blur(0px);
    }
}

/* Navigation */
.lwm-hero-slider.lwm-hero-slider .slider-nav {
    position: absolute !important;
    bottom: 40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 15px !important;
    z-index: 100 !important;
}

.lwm-hero-slider.lwm-hero-slider .slider-nav button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    border: 2px solid white !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
}

.lwm-hero-slider.lwm-hero-slider .slider-nav button.active {
    background: white !important;
    width: 40px !important;
    border-radius: 10px !important;
}

.lwm-hero-slider.lwm-hero-slider .slider-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 60px !important;
    height: 60px !important;
    background: rgba(255,255,255,0.1) !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 100 !important;
    backdrop-filter: blur(10px) !important;
}

.lwm-hero-slider.lwm-hero-slider .slider-arrow.prev { left: 40px !important; }
.lwm-hero-slider.lwm-hero-slider .slider-arrow.next { right: 40px !important; }

.lwm-hero-slider.lwm-hero-slider .slider-arrow::before {
    content: '' !important;
    width: 12px !important;
    height: 12px !important;
    border-top: 3px solid white !important;
    border-right: 3px solid white !important;
    transform: rotate(45deg) !important;
}

.lwm-hero-slider.lwm-hero-slider .slider-arrow.prev::before {
    transform: rotate(-135deg) !important;
}

/* ============ SLIDE 4 - BOOK ============ */
.lwm-hero-slider.lwm-hero-slider .slide-4 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 80px !important;
    overflow: hidden !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4 .book-bg {
    position: absolute !important;
    inset: -10% !important;
    background-image: url('https://lekcjewartemiliony.pl/wp-content/uploads/2025/05/slider-ksiazka.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 0 !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4.active .book-bg {
    animation: diagonalZoom 20s ease-in-out infinite !important;
}

@keyframes diagonalZoom {
    0%, 100% {
        transform: scale(1.1) translate(0, 0);
    }
    25% {
        transform: scale(1.15) translate(-2%, -2%);
    }
    50% {
        transform: scale(1.2) translate(2%, 2%);
    }
    75% {
        transform: scale(1.15) translate(-1%, 1%);
    }
}

.lwm-hero-slider.lwm-hero-slider .slide-4::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg,
        rgba(202, 156, 87, 0.25) 0%,
        rgba(0,0,0,0.5) 25%,
        rgba(0,0,0,0.3) 50%,
        rgba(0,0,0,0.5) 75%,
        rgba(202, 156, 87, 0.25) 100%) !important;
    background-size: 200% 200% !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4.active::before {
    animation: gradientShift 15s ease infinite !important;
}

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

.lwm-hero-slider.lwm-hero-slider .slide-4 .content-wrapper-centered {
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
    color: white !important;
    max-width: 1000px !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4 h2 {
    font-size: 72px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 40px !important;
    text-transform: uppercase !important;
    text-shadow: 3px 3px 30px rgba(0,0,0,0.8) !important;
    opacity: 0 !important;
    transform: translateY(40px) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4.active h2 {
    animation: slideUpFadeIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4 .book-description {
    font-size: 24px !important;
    line-height: 1.6 !important;
    margin-bottom: 50px !important;
    opacity: 0 !important;
    font-weight: 300 !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: translateY(30px) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4.active .book-description {
    animation: slideUpFadeIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4 .cta-button {
    opacity: 0 !important;
    transform: translateY(30px) scale(0.9) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-4.active .cta-button {
    animation: buttonPopIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.9s forwards !important;
}

@keyframes slideUpFadeIn {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes buttonPopIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ============ SLIDE 5 - SOCIAL MEDIA ============ */
.lwm-hero-slider.lwm-hero-slider .slide-5 {
    background: #373737 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 80px !important;
    overflow: hidden !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5 .content-layout {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    gap: 100px !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5 .text-side {
    flex: 1 !important;
    max-width: 600px !important;
    color: white !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5 h2 {
    font-size: 68px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 30px !important;
    text-transform: uppercase !important;
    opacity: 0 !important;
    transform: translateX(-60px) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5.active h2 {
    animation: slideInFromLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5 .social-description {
    font-size: 22px !important;
    line-height: 1.6 !important;
    margin-bottom: 50px !important;
    opacity: 0 !important;
    font-weight: 300 !important;
    transform: translateX(-60px) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5.active .social-description {
    animation: slideInFromLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .social-icons {
    display: flex !important;
    gap: 20px !important;
    opacity: 0 !important;
    transform: translateX(-60px) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5.active .social-icons {
    animation: slideInFromLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .social-icon {
    width: 60px !important;
    height: 60px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    color: white !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(10px) !important;
}

.lwm-hero-slider.lwm-hero-slider .social-icon:hover {
    background: linear-gradient(135deg, #ca9c57 0%, #dab578 100%) !important;
    border-color: #ca9c57 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(202, 156, 87, 0.4) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5 .visual-side {
    flex: 1 !important;
    position: relative !important;
    height: 600px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.lwm-hero-slider.lwm-hero-slider .phone-mockup {
    max-width: 425px !important;
    max-height: 800px !important;
    width: auto !important;
    height: auto !important;
    opacity: 0 !important;
    transform: translateY(100px) scale(0.9) !important;
    z-index: 2 !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5.active .phone-mockup {
    animation: slideInPhone 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-5.active .phone-mockup.loaded {
    animation: slideInPhone 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards,
               levitate 3s ease-in-out 1.7s infinite !important;
}

@keyframes slideInFromLeft {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInPhone {
    from {
        opacity: 0;
        transform: translateY(100px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes levitate {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-20px) scale(1);
    }
}

/* ============ SLIDE 6 - GATE/DECISION ============ */
.lwm-hero-slider.lwm-hero-slider .slide-6 {
    background-image: url('https://lekcjewartemiliony.pl/wp-content/uploads/2026/02/snm-slajder-tlo.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    position: relative !important;
}

.lwm-hero-slider.lwm-hero-slider .money-rain {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.lwm-hero-slider.lwm-hero-slider .money-bill {
    position: absolute !important;
    font-size: 48px !important;
    font-weight: 900 !important;
    color: #ca9c57 !important;
    opacity: 0 !important;
    text-shadow: 0 4px 15px rgba(202, 156, 87, 0.5) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6.active .money-bill {
    animation: moneyFall var(--duration) linear var(--delay) infinite !important;
}

@keyframes moneyFall {
    0% {
        opacity: 0;
        transform: translateY(-100px) translateX(0) rotate(0deg);
    }
    10% {
        opacity: 0.8;
    }
    90% {
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        transform: translateY(110vh) translateX(var(--drift)) rotate(var(--rotate));
    }
}

.lwm-hero-slider.lwm-hero-slider .gate-container {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
}

.lwm-hero-slider.lwm-hero-slider .gate-image {
    width: 600px !important;
    height: auto !important;
    opacity: 0 !important;
    transform: scale(0.8) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6.active .gate-image {
    animation: gateAppear 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s forwards !important;
}

@keyframes gateAppear {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.lwm-hero-slider.lwm-hero-slider .slide-6 .content-overlay {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1600px !important;
    width: 100% !important;
    padding: 0 80px !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6 .left-text {
    flex: 1 !important;
    color: white !important;
    max-width: 500px !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6 .top-label {
    font-size: 14px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    color: #ca9c57 !important;
    opacity: 0 !important;
    transform: translateY(-20px) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6.active .top-label {
    animation: fadeInDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6 h2 {
    font-size: 58px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    opacity: 0 !important;
    transform: translateX(-60px) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6.active h2 {
    animation: slideInFromLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6 .subtitle-gold {
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #ca9c57 !important;
    margin-bottom: 30px !important;
    opacity: 0 !important;
    transform: translateX(-60px) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6.active .subtitle-gold {
    animation: slideInFromLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6 .right-text {
    flex: 1 !important;
    color: white !important;
    max-width: 450px !important;
    text-align: right !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6 .right-description {
    font-size: 20px !important;
    line-height: 1.6 !important;
    margin-bottom: 40px !important;
    opacity: 0 !important;
    transform: translateX(60px) !important;
    color: #fff !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6.active .right-description {
    animation: slideInFromRight 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s forwards !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6 .cta-container {
    opacity: 0 !important;
    transform: translateY(30px) !important;
}

.lwm-hero-slider.lwm-hero-slider .slide-6.active .cta-container {
    animation: fadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s forwards !important;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInFromRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============ GLOBAL RESPONSIVE ============ */
@media (max-width: 1024px) {
    .lwm-hero-slider.lwm-hero-slider .slide-1 {
        padding: 0 50px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-1 .content-wrapper {
        flex-direction: column !important;
        gap: 40px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-1 .text-content {
        text-align: center !important;
        max-width: 100% !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-1 h1 {
        font-size: 52px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .product-image {
        width: 500px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-2 h2 {
        font-size: 52px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .character-image {
        height: 45vh !important;
    }

    .lwm-hero-slider.lwm-hero-slider .video-title {
        font-size: 64px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .video-description {
        font-size: 22px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-4 h2 {
        font-size: 58px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-4 .book-description {
        font-size: 20px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-5 .content-layout {
        flex-direction: column !important;
        gap: 40px !important;
        padding: 0 50px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-5 h2 {
        font-size: 52px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .phone-mockup {
        max-width: 350px !important;
    }
}

@media (max-width: 768px) {
    .lwm-hero-slider.lwm-hero-slider .slide-1 {
        padding: 0 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-1 h1 {
        font-size: 38px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .subtitle {
        font-size: 18px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .badge {
        font-size: 12px !important;
        padding: 10px 20px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .feature-item {
        font-size: 14px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .product-image {
        width: 350px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .cta-button {
        padding: 16px 40px !important;
        font-size: 16px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-2 h2 {
        font-size: 40px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .congress-label {
        font-size: 16px !important;
        letter-spacing: 6px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .character-image {
        height: 40vh !important;
    }

    .lwm-hero-slider.lwm-hero-slider .early-bird {
        font-size: 14px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .video-title {
        font-size: 48px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .video-description {
        font-size: 18px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-4 h2 {
        font-size: 44px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-4 .book-description {
        font-size: 18px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-5 .content-layout {
        padding: 0 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-5 h2 {
        font-size: 40px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-5 .social-description {
        font-size: 18px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .phone-mockup {
        max-width: 280px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .social-icon {
        width: 50px !important;
        height: 50px !important;
        font-size: 20px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-arrow {
        width: 50px !important;
        height: 50px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-arrow.prev { left: 20px !important; }
    .lwm-hero-slider.lwm-hero-slider .slider-arrow.next { right: 20px !important; }

    .lwm-hero-slider.lwm-hero-slider .slider-nav {
        bottom: 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-nav button {
        width: 10px !important;
        height: 10px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-nav button.active {
        width: 30px !important;
    }
}

@media (max-width: 480px) {
    .lwm-hero-slider.lwm-hero-slider .slide-1 {
        padding: 0 20px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-1 h1 {
        font-size: 32px !important;
        margin-bottom: 20px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .subtitle {
        font-size: 16px !important;
        margin-bottom: 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .badge {
        font-size: 10px !important;
        padding: 8px 16px !important;
        margin-bottom: 20px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .features-list {
        gap: 12px !important;
        margin-bottom: 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .feature-item {
        font-size: 13px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .product-image {
        width: 280px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .floating-element {
        font-size: 32px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .cta-button {
        padding: 14px 35px !important;
        font-size: 14px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-2 h2 {
        font-size: 32px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .congress-label {
        font-size: 12px !important;
        letter-spacing: 4px !important;
        margin-bottom: 20px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .character-image {
        height: 35vh !important;
    }

    .lwm-hero-slider.lwm-hero-slider .video-title {
        font-size: 36px !important;
        margin-bottom: 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .video-description {
        font-size: 16px !important;
        margin-bottom: 40px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-4 h2 {
        font-size: 36px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-4 .book-description {
        font-size: 16px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-5 .content-layout {
        padding: 0 20px !important;
        gap: 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-5 h2 {
        font-size: 32px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-5 .social-description {
        font-size: 16px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .phone-mockup {
        max-width: 240px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .social-icons {
        gap: 15px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .social-icon {
        width: 45px !important;
        height: 45px !important;
        font-size: 18px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-arrow {
        width: 45px !important;
        height: 45px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-arrow::before {
        width: 10px !important;
        height: 10px !important;
        border-width: 2px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-arrow.prev { left: 15px !important; }
    .lwm-hero-slider.lwm-hero-slider .slider-arrow.next { right: 15px !important; }

    .lwm-hero-slider.lwm-hero-slider .slider-nav {
        bottom: 20px !important;
        gap: 10px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-nav button {
        width: 8px !important;
        height: 8px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slider-nav button.active {
        width: 25px !important;
    }
}

/* Mobile landscape orientation */
@media (max-height: 500px) and (orientation: landscape) {
    .lwm-hero-slider.lwm-hero-slider .slide-1 h1,
    .lwm-hero-slider.lwm-hero-slider .slide-2 h2,
    .lwm-hero-slider.lwm-hero-slider .video-title,
    .lwm-hero-slider.lwm-hero-slider .slide-4 h2,
    .lwm-hero-slider.lwm-hero-slider .slide-5 h2,
    .lwm-hero-slider.lwm-hero-slider .slide-6 h2 {
        font-size: 28px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .character-image {
        height: 70vh !important;
    }

    .lwm-hero-slider.lwm-hero-slider .product-image {
        width: 250px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .phone-mockup {
        max-width: 200px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .gate-image {
        width: 180px !important;
    }
}

/* ============ RESPONSIVE - SLIDE 6 ============ */
@media (max-width: 1024px) {
    .lwm-hero-slider.lwm-hero-slider .slide-6 .content-overlay {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 40px !important;
        gap: 40px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .left-text,
    .lwm-hero-slider.lwm-hero-slider .slide-6 .right-text {
        max-width: 600px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .right-text {
        text-align: center !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 h2 {
        font-size: 48px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .right-description {
        font-size: 18px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .gate-image {
        width: 400px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .money-bill {
        font-size: 40px !important;
    }
}

@media (max-width: 768px) {
    .lwm-hero-slider.lwm-hero-slider .slide-6 .content-overlay {
        padding: 0 30px !important;
        gap: 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .top-label {
        font-size: 11px !important;
        letter-spacing: 2px !important;
        margin-bottom: 15px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 h2 {
        font-size: 36px !important;
        margin-bottom: 15px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .subtitle-gold {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        letter-spacing: 1px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .right-description {
        font-size: 16px !important;
        line-height: 1.5 !important;
        margin-bottom: 30px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .gate-image {
        width: 280px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .cta-button {
        padding: 16px 40px !important;
        font-size: 16px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .money-bill {
        font-size: 36px !important;
    }
}

@media (max-width: 480px) {
    .lwm-hero-slider.lwm-hero-slider .slide-6 .content-overlay {
        padding: 0 20px !important;
        gap: 25px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .top-label {
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 h2 {
        font-size: 28px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .subtitle-gold {
        font-size: 14px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .slide-6 .right-description {
        font-size: 14px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .gate-image {
        width: 220px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .cta-button {
        padding: 14px 35px !important;
        font-size: 14px !important;
    }

    .lwm-hero-slider.lwm-hero-slider .money-bill {
        font-size: 30px !important;
    }
}
