*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0a;color:#fff}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;align-items:center;justify-content:center;transition:opacity 1.2s cubic-bezier(.77,0,.175,1)}#loading-screen.hidden{opacity:0;pointer-events:none}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:brightness(.6) saturate(1.1);transition:filter 1.5s ease}#loading-screen.hidden .hero-bg{filter:brightness(.3) saturate(.5) blur(4px)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 60% at 50% 50%,transparent 40%,hsla(0,0%,4%,.6) 100%),linear-gradient(180deg,hsla(0,0%,4%,.3),transparent 30%,transparent 70%,hsla(0,0%,4%,.7));pointer-events:none}.hero-left{position:absolute;left:6vw;top:50%;transform:translateY(-50%);z-index:2;text-align:left}.title-main{font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:-.03em;line-height:.9;color:#fff;text-shadow:0 0 40px rgba(120,0,255,.3)}.title-sub{margin-top:1rem;font-size:clamp(.75rem,1.2vw,1rem);font-weight:300;letter-spacing:.4em;text-transform:uppercase;color:hsla(0,0%,100%,.4)}.hero-right{position:absolute;right:6vw;top:50%;transform:translateY(-50%);z-index:2;text-align:right;max-width:320px}.tagline{font-size:clamp(.75rem,1.1vw,.95rem);font-weight:300;line-height:1.7;color:hsla(0,0%,100%,.55);letter-spacing:.02em}.tagline-accent{color:#a855f7;font-weight:600}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.6;animation:float 2s ease-in-out infinite}.scroll-indicator span{font-size:.6rem;font-weight:400;letter-spacing:.25em;color:hsla(0,0%,100%,.4)}.scroll-arrow{width:1px;height:30px;background:linear-gradient(180deg,#a855f7,#06b6d4,transparent);animation:scrollPulse 1.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}@keyframes scrollPulse{0%{opacity:1;height:30px}50%{opacity:.3;height:50px}to{opacity:1;height:30px}}#animated-section{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity 1.5s cubic-bezier(.77,0,.175,1)}#animated-section.active{opacity:1}.animation-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;animation:crossfade 16s ease-in-out infinite;filter:brightness(.7) saturate(1.2) contrast(1.05)}#anim1{background-image:url(images/Dron_FPV_sobrevolando_estadio_fu…_202606091528.jpeg);animation-delay:0s}#anim2{background-image:url(images/Dron_FPV_sobrevolando_estadio_fu…_202606091528_2.jpeg);animation-delay:4s}#anim3{background-image:url(images/Fans_celebrating_in_stadium_202606091528.jpeg);animation-delay:8s}#anim4{background-image:url(images/Futuristic_stadium_event_light_202606091528.jpeg);animation-delay:12s}@keyframes crossfade{0%,20%{opacity:0}25%,45%{opacity:1}50%,to{opacity:0}}.animation-overlay{top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 60% 50% at 50% 60%,transparent 30%,rgba(80,0,150,.15) 60%,hsla(0,0%,4%,.5) 100%),linear-gradient(180deg,hsla(0,0%,4%,.2),transparent 40%,transparent 60%,hsla(0,0%,4%,.6));z-index:2}.animation-overlay,.side-layer{position:absolute;pointer-events:none}.side-layer{top:22%;z-index:4;display:flex;flex-direction:column;gap:.4rem;opacity:0;animation:sideFade 16s ease-in-out infinite}.side-left{left:6vw;text-align:left;align-items:flex-start}.side-right{right:6vw;text-align:right;align-items:flex-end}#sideL1,#sideR1{animation-delay:0s}#sideL2,#sideR2{animation-delay:4s}#sideL3,#sideR3{animation-delay:8s}#sideL4,#sideR4{animation-delay:12s}.side-value{font-size:clamp(1.2rem,2.5vw,2.2rem);font-weight:900;letter-spacing:-.02em;color:#fff;text-shadow:0 0 30px rgba(168,85,247,.3)}.side-right .side-value{color:#06b6d4;text-shadow:0 0 30px rgba(6,182,212,.3)}.side-desc{font-size:clamp(.55rem,.8vw,.7rem);font-weight:400;letter-spacing:.15em;color:hsla(0,0%,100%,.4)}@keyframes sideFade{0%,18%{opacity:0;transform:translateY(6px)}23%,43%{opacity:1;transform:translateY(0)}48%,to{opacity:0;transform:translateY(-6px)}}.caption-layer{position:absolute;bottom:6rem;left:50%;transform:translateX(-50%);z-index:4;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem;opacity:0;animation:captionFade 16s ease-in-out infinite;pointer-events:none}#caption1{animation-delay:0s}#caption2{animation-delay:4s}#caption3{animation-delay:8s}#caption4{animation-delay:12s}.caption-label{font-size:.65rem;font-weight:700;letter-spacing:.4em;color:#a855f7;text-shadow:0 0 12px rgba(168,85,247,.5)}.caption-text{font-size:.8rem;font-weight:300;color:hsla(0,0%,100%,.7);letter-spacing:.05em}@keyframes captionFade{0%,18%{opacity:0;transform:translateX(-50%) translateY(8px)}23%,43%{opacity:1;transform:translateX(-50%) translateY(0)}48%,to{opacity:0;transform:translateX(-50%) translateY(-8px)}}.hud-left,.hud-right{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;transition:opacity 1s ease .5s}#animated-section.active .hud-left,#animated-section.active .hud-right{opacity:1}.hud-left{left:3vw}.hud-right{right:3vw}.hud-left span,.hud-right span{font-size:.55rem;font-weight:600;letter-spacing:.3em;writing-mode:vertical-rl;color:rgba(168,85,247,.6)}.hud-line{width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(168,85,247,.4),transparent)}.hud-bottom{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:3;opacity:0;transition:opacity 1s ease 1s}#animated-section.active .hud-bottom{opacity:1}.hud-bottom span{font-size:.55rem;font-weight:400;letter-spacing:.4em;color:rgba(6,182,212,.5);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:#a855f7;border-radius:50%;opacity:0;animation:particleFloat linear infinite}.particle:nth-child(odd){background:#06b6d4;box-shadow:0 0 4px #06b6d4}@keyframes particleFloat{0%{opacity:0;transform:translateY(100%) translateX(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100vh) translateX(calc(var(--drift)*1px))}}@media (max-width:768px){.hero-left{left:5vw;top:35%}.hero-right{right:5vw;top:auto;bottom:20%;transform:none;max-width:200px}.title-main{font-size:clamp(2.5rem,15vw,4rem)}}