:root{--purple-900: #4c1d95;--purple-800: #5b21b6;--purple-700: #6d28d9;--purple-600: #7c3aed;--purple-500: #8b5cf6;--purple-400: #a78bfa;--yellow-500: #eab308;--yellow-400: #facc15;--yellow-300: #fde047;--yellow-200: #fef08a;--primary-glow: rgba(253, 224, 71, .5);--secondary-glow: rgba(139, 92, 246, .3);--card-spacing: clamp(1rem, 2vw, 1.5rem)}.text-glow{text-shadow:0 0 10px var(--primary-glow)}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95,#5b21b6,#6d28d9);background-attachment:fixed;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.control-bar{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;z-index:100;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:9999px;border:1px solid rgba(253,224,71,.35);background:linear-gradient(135deg,#fde0471f,#8b5cf624);box-shadow:0 10px 30px #00000059;backdrop-filter:blur(8px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;border:1px solid rgba(253,224,71,.35);color:#1f1147;background:linear-gradient(135deg,var(--yellow-500),var(--yellow-300));transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #fde04759;filter:saturate(1.05)}.control-divider{width:1px;height:20px;background:linear-gradient(180deg,#fde04780,#fde04733)}.volume-popover{position:absolute;top:44px;right:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(253,224,71,.35);background:linear-gradient(135deg,#fde0471f,#8b5cf624);box-shadow:0 18px 40px #00000073;backdrop-filter:blur(8px)}.volume-slider{width:160px}html{scroll-behavior:smooth}section{scroll-margin-top:40px}.side-nav__container{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;border-radius:1rem;width:64px;transition:width .2s ease,box-shadow .2s ease;overflow:hidden}.side-nav:hover .side-nav__container{width:220px;box-shadow:0 12px 40px #00000059,0 0 30px #fde0472e}.side-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:9999px;border:1px solid rgba(253,224,71,.25);color:#fef08a;position:relative;white-space:nowrap}.side-link:hover{background:linear-gradient(135deg,var(--yellow-500),var(--yellow-300));color:#3b0764}.side-link.active{background:linear-gradient(135deg,var(--yellow-500),var(--yellow-300));color:#3b0764;box-shadow:0 8px 20px #fde04740}.side-link.active:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:9999px;background:linear-gradient(180deg,var(--yellow-300),var(--yellow-500))}.side-link__label{font-weight:700;font-size:.9rem;opacity:0;transform:translate(-8px);transition:opacity .18s ease,transform .18s ease}.side-nav:hover .side-link__label{opacity:1;transform:translate(0)}.side-link svg{flex:0 0 auto}.lucide-icon{width:24px;height:24px;stroke:currentColor;stroke-width:2}@media (min-width: 1024px){body.has-side-nav{padding-left:120px}}@media (max-width: 640px){header{padding-top:96px!important}.control-bar{gap:8px}.control-bar .icon-btn{width:32px;height:32px}.control-bar .lucide-icon{width:20px;height:20px}.control-divider{height:16px}}.nav-link{padding:.35rem .75rem;border-radius:9999px;transition:all .2s ease;border:1px solid transparent}.nav-link:hover{color:#111827;background:linear-gradient(135deg,var(--yellow-400),var(--yellow-300));border-color:#fde04759;text-decoration:none}.nav-link.active{color:#3b0764;background:linear-gradient(135deg,var(--yellow-500),var(--yellow-300));border-color:#fde04780;box-shadow:0 8px 20px #fde04740}.nav-chip{font-size:.85rem;padding:.35rem .65rem;color:#fef9c3f2;border:1px solid rgba(253,224,71,.3);border-radius:9999px;transition:all .2s ease}.nav-chip:hover{background:linear-gradient(135deg,var(--yellow-500),var(--yellow-300));color:#3b0764}.nav-chip.active{background:linear-gradient(135deg,var(--yellow-500),var(--yellow-300));color:#3b0764;border-color:#fde04780;box-shadow:0 8px 20px #fde04740}.scroll-progress{height:3px;width:100%;background:#ffffff14;border-top:1px solid rgba(253,224,71,.15)}.scroll-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--yellow-500),var(--yellow-300));box-shadow:0 0 10px #fde04759;transition:width .1s linear}#backToTop{position:fixed;right:1rem;bottom:5.5rem;z-index:45;opacity:0;pointer-events:none;transform:translateY(8px) scale(.98);transition:all .25s ease}.bottom-nav{transition:transform .3s ease,opacity .2s ease}.bottom-nav.hidden-on-scroll{transform:translate(-50%,120%);opacity:0}#backToTop.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}h2.section-title{scroll-margin-top:40px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,var(--primary-glow) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--secondary-glow) 0%,transparent 50%),linear-gradient(45deg,transparent 40%,rgba(253,224,71,.03) 50%,transparent 60%);background-size:100% 100%,100% 100%,50px 50px;pointer-events:none;z-index:-1}.sparkle{position:fixed;width:3px;height:3px;border-radius:50%;background:linear-gradient(45deg,#fde047,#facc15);pointer-events:none;animation:futuristic-sparkle 4s linear infinite;box-shadow:0 0 6px var(--primary-glow),0 0 12px var(--primary-glow),0 0 18px var(--primary-glow)}@keyframes futuristic-sparkle{0%{opacity:0;transform:translateY(0) scale(0) rotate(0)}25%{opacity:1;transform:translateY(-15px) scale(1.2) rotate(90deg)}75%{opacity:.8;transform:translateY(-30px) scale(.8) rotate(270deg)}to{opacity:0;transform:translateY(-50px) scale(0) rotate(360deg)}}.geometric-float{position:fixed;pointer-events:none;z-index:1;opacity:.1}.geometric-float:before{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--yellow-300);animation:float-rotate 15s linear infinite}.geometric-float:after{content:"";position:absolute;width:12px;height:12px;background:var(--primary-glow);border-radius:50%;top:4px;left:4px;animation:float-pulse 3s ease-in-out infinite}@keyframes float-rotate{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}@keyframes float-pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.5);opacity:.3}}.glass-effect{background:linear-gradient(135deg,#8b5cf626,#7c3aed33,#5b21b626);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(253,224,71,.2);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 0 1px #fde0471a;position:relative;overflow:hidden}.glass-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(253,224,71,.1),transparent);transition:left .5s ease;pointer-events:none}.glass-effect:hover:before{left:100%}.grid-container{width:100%;max-width:100%;margin:0 auto;padding:var(--card-spacing)}.scroll-container{display:flex;flex-wrap:wrap;gap:var(--card-spacing);align-items:stretch;justify-content:center;padding:0;overflow:visible}@media (max-width: 640px){.scroll-container{display:flex;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;padding:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:none}.card{flex:0 0 85%;max-width:85%;scroll-snap-align:start}.content-container{padding-left:1rem;padding-right:1rem}.time-counter{font-size:1.125rem}}@media (min-width: 641px) and (max-width: 1024px){.scroll-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--card-spacing)}.card{flex:0 0 350px;max-width:350px;width:350px}}@media (min-width: 1025px) and (max-width: 1536px){.scroll-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--card-spacing)}.card{flex:0 0 350px;max-width:350px;width:350px}}@media (min-width: 1537px){.scroll-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--card-spacing);max-width:1700px;margin:0 auto}.card{flex:0 0 350px;max-width:350px;width:350px}}.card{position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center center;animation:cardEntrance .6s ease-out forwards;opacity:0;transform:translateY(30px) scale(.9)}.scroll-container .card{display:flex;flex-direction:column;align-self:stretch}.timeline-item .card{display:block;align-self:auto}.scroll-container .card .card-footer{margin-top:auto}.card .flex.justify-between.items-start{gap:.5rem;margin-bottom:1rem}.card .flex.justify-between.items-start h3{flex:1;min-width:0;padding-right:.5rem}.card:nth-child(odd){animation-delay:.1s}.card:nth-child(2n){animation-delay:.2s}.card:nth-child(3n){animation-delay:.3s}@keyframes cardEntrance{to{opacity:1;transform:translateY(0) scale(1)}}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(253,224,71,.05) 0%,transparent 50%,rgba(139,92,246,.05) 100%);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #fde04733,inset 0 1px #fff3;border-color:#fde04766}.card:hover:after{opacity:1}.section-title{position:relative;display:inline-block;margin-bottom:3rem;font-weight:800;background:linear-gradient(135deg,#fde047,#facc15,#eab308);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(253,224,71,.5)}.section-title:before{content:"";position:absolute;top:50%;left:-50px;width:30px;height:2px;background:linear-gradient(90deg,transparent,var(--yellow-300));transform:translateY(-50%)}.section-title:after{content:"";position:absolute;top:50%;right:-50px;width:30px;height:2px;background:linear-gradient(90deg,var(--yellow-300),transparent);transform:translateY(-50%)}.status-badge{padding:.4rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);position:relative;overflow:hidden;flex-shrink:0}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.status-badge:hover:before{left:100%}.live-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:futuristic-pulse 2s infinite;box-shadow:0 0 20px #ef444480}@keyframes futuristic-pulse{0%{box-shadow:0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 15px #ef444400;transform:scale(1.05)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.thumbnail-container{position:relative;overflow:hidden;border-radius:12px;margin-bottom:1rem;background:linear-gradient(135deg,#fde0471a,#8b5cf61a)}.thumbnail-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(253,224,71,.1),transparent);opacity:0;transition:opacity .3s ease;z-index:1}.thumbnail-container:hover:before{opacity:1}.thumbnail-container:hover .stream-thumbnail{transform:scale(1.08) rotate(1deg)}.stream-thumbnail{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#7c3aed4d,#5b21b64d);border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:brightness(.9) contrast(1.1)}.stream-thumbnail:hover{filter:brightness(1.1) contrast(1.2) saturate(1.2)}.scroll-container::-webkit-scrollbar{height:8px}.scroll-container::-webkit-scrollbar-track{background:#0003;border-radius:10px;border:1px solid rgba(253,224,71,.1)}.scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--yellow-500),var(--yellow-300));border-radius:10px;box-shadow:0 0 10px #fde0474d}.scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--yellow-300),var(--yellow-200));box-shadow:0 0 15px #fde04780}button,.btn,a[class*=bg-yellow]{position:relative;overflow:hidden;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(253,224,71,.3);transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,var(--yellow-500),var(--yellow-400))}button:before,.btn:before,a[class*=bg-yellow]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}button:hover:before,.btn:hover:before,a[class*=bg-yellow]:hover:before{left:100%}button:hover,.btn:hover,a[class*=bg-yellow]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003,0 0 20px #fde0474d}.animate-fadeIn{animation:futuristicFadeIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-slideIn{animation:futuristicSlideIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes futuristicFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px)}}@keyframes futuristicSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}#creditsPopup .glass-effect{max-height:90vh;overflow-y:auto;border:2px solid rgba(253,224,71,.3);box-shadow:0 25px 50px #00000080,0 0 50px #fde04733}#muteButton,#infoButton,#donateButton{transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(253,224,71,.4);box-shadow:0 4px 15px #0000004d}#muteButton:hover,#infoButton:hover,#donateButton:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #0006,0 0 20px #fde04766}#muteButton:active,#infoButton:active,#donateButton:active{transform:scale(.95) rotate(-2deg)}@media (max-width: 767px){.glass-effect{backdrop-filter:none;-webkit-backdrop-filter:none;background:#7c3aedcc}body:before{background-image:none}.sparkle,.geometric-float{display:none}}.timeline-item{position:relative;transition:all .3s ease}.timeline-item:hover{transform:scale(1.02)}.timeline-item:before{content:"";position:absolute;left:-20px;top:50%;width:10px;height:10px;background:var(--yellow-300);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 10px var(--primary-glow)}.loading-shimmer{background:linear-gradient(90deg,#8b5cf61a,#fde0471a,#8b5cf61a);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sparkle,.geometric-float{display:none}}@media (prefers-contrast: high){.glass-effect{border:2px solid var(--yellow-300);background:#4c1d95e6}.card{border:2px solid var(--yellow-300)}}