*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#000;color:#fff;font-family:Arial,sans-serif;overflow:hidden}.welcome-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/starwars-intro-css3/img/background.jpg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease-out}.welcome-modal.hidden{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.modal-content{text-align:center;max-width:620px;padding:3rem 2rem;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-logo{max-width:300px;width:100%;margin-bottom:2rem;filter:drop-shadow(0 0 30px rgba(255,232,31,.6));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{filter:drop-shadow(0 0 30px rgba(255,232,31,.6))}50%{filter:drop-shadow(0 0 40px rgba(255,232,31,.8))}}.modal-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to right,#ffe81f,#fff,#ffe81f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-subtitle{font-size:1.2rem;color:#ccc;margin-bottom:3rem;line-height:1.6}.modal-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.modal-btn{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:200px;justify-content:center}.modal-btn-primary{background:linear-gradient(135deg,#ffe81f,gold);color:#000;box-shadow:0 4px 20px #ffe81f66}.modal-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ffe81f99;background:linear-gradient(135deg,gold,#ffe81f)}.modal-btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000004d}.modal-btn-secondary:hover{transform:translateY(-3px);background:#ffffff26;border-color:#ffffff80;box-shadow:0 8px 30px #00000080}.modal-btn svg{width:24px;height:24px}.logo-container{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:100;text-align:center;background:linear-gradient(180deg,#000c,#0006 70%,#0000);padding:1rem 3rem 2rem;width:100%}.sound-toggle{position:fixed;top:2rem;right:2rem;z-index:101;width:50px;height:50px;border-radius:50%;background:#000000b3;border:2px solid #fff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle:hover{background:#ffffff1a;border-color:#ffe81f;color:#ffe81f;transform:scale(1.1)}.sound-toggle:focus{outline:2px solid #ffe81f;outline-offset:4px}.sound-toggle.active{background:#ffe81f33;border-color:#ffe81f;color:#ffe81f}.sound-icon{width:24px;height:24px}.logo{max-width:250px;width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(255,232,31,.5));animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.swiper{width:100%;height:100vh}.swiper-slide{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:100vh}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;filter:blur(50px) brightness(.4);z-index:1}.slide-bg-ep1{background-image:url(/starwars-intro-css3/img/phantom-menace-artwork.png)}.slide-bg-ep2{background-image:url(/starwars-intro-css3/img/attack-of-the-clones-artwork.png)}.slide-bg-ep3{background-image:url(/starwars-intro-css3/img/revenge-of-the-sith-artwork.png)}.slide-bg-ep4{background-image:url(/starwars-intro-css3/img/new-hope-artwork.png)}.slide-bg-ep5{background-image:url(/starwars-intro-css3/img/empire-strikes-back-artwork.png)}.slide-bg-ep6{background-image:url(/starwars-intro-css3/img/return-of-the-jedi-artwork.png)}.slide-bg-ep7{background-image:url(/starwars-intro-css3/img/the-force-awakens-artowork.png)}.slide-bg-ep8{background-image:url(/starwars-intro-css3/img/the-last-jedi-artwork.png)}.slide-bg-ep9{background-image:url(/starwars-intro-css3/img/the-rise-of-skywalker-artwork.png)}.slide-content{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:4rem;width:100%;max-width:1200px;padding:2rem;min-height:100vh;margin:0 auto}.slide-image{max-width:400px;width:100%;height:auto;border-radius:10px;box-shadow:0 20px 60px #000c;transition:transform .3s ease}.swiper-slide-active .slide-image{animation:slideImageIn .8s ease-out}@keyframes slideImageIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-caption{text-align:left;max-width:500px}.episode-number{font-size:1.5rem;color:#ffc507;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;opacity:0;animation:fadeInUp .6s ease-out .2s forwards}.episode-title{font-size:3rem;text-wrap:balance;font-weight:700;margin-bottom:2rem;text-transform:uppercase;line-height:1.2;opacity:0;animation:fadeInUp .6s ease-out .4s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#000;text-decoration:none;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;border-radius:5px;transition:all .3s ease;box-shadow:0 4px 15px #ffffff4d;opacity:0;animation:fadeInUp .6s ease-out .6s forwards}.cta-button:hover{background:#ffc507;transform:translateY(-3px);box-shadow:0 6px 20px #ffe81f99}.swiper-button-prev,.swiper-button-next{color:#fff!important;width:50px;height:50px;background:none;border:none;cursor:pointer;padding:0;transition:opacity .3s ease}.swiper-button-prev:after,.swiper-button-next:after{color:#fff!important;font-size:30px}.swiper-button-prev:hover,.swiper-button-next:hover{opacity:.7}.swiper-button-prev:focus,.swiper-button-next:focus{outline:2px solid #fff;outline-offset:4px}.progress-bar{position:fixed;bottom:0;left:0;width:100%;height:6px;background-color:#ffffff1a;z-index:100;overflow:hidden}.progress-fill{height:100%;width:0%;background-color:#ffe81f;transition:width .1s linear;box-shadow:0 0 10px #ffe81f80}@media(max-width:1024px){.slide-content{flex-direction:column;gap:2rem}.slide-image{max-width:300px}.episode-title{font-size:2.5rem}.slide-caption{text-align:center}}@media(max-width:768px){.logo{max-width:180px}.logo-container{top:.5rem;padding:.5rem 2rem 1.5rem}.slide-image{max-width:250px}.episode-title{font-size:2rem}.episode-number{font-size:1.2rem}.cta-button{padding:.8rem 2rem;font-size:1rem}.swiper-button-prev,.swiper-button-next{width:40px;height:40px}.swiper-button-prev:after,.swiper-button-next:after{font-size:20px}.sound-toggle{top:1rem;right:1rem;width:44px;height:44px}.sound-icon{width:20px;height:20px}.modal-content{padding:2rem 1.5rem}.modal-logo{max-width:200px}.modal-title{font-size:1.5rem}.modal-subtitle{font-size:1rem}.modal-buttons{flex-direction:column;gap:1rem}.modal-btn{width:100%;min-width:auto}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}