body:has(.hero-container) .navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,23,42,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 4px 30px rgba(0,0,0,.2)}body:has(.hero-container){background:#050810}body:has(.hero-container) .app-wrapper{display:flex;flex-direction:column}body:has(.hero-container) .main-content{flex:1 0 auto}.home-page{background:var(--dark)}.hero-container{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#0f172a}.hero-background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero-video-overlay{background:rgba(15,23,42,.7);z-index:1}.hero-background,.hero-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.hero-background{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#312e81);z-index:0}.hero-container .hero-content{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-lg);position:relative;z-index:2}.hero-container .cta-book-now-button{padding:14px 50px;color:#000;font-weight:800;font-size:25px;font-family:var(--font-display);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;background:linear-gradient(135deg,#ff6b6b,#ff4757);border-radius:8px;box-shadow:0 4px 15px rgba(255,71,87,.4);transition:all .3s ease;position:relative;overflow:visible;z-index:1}.hero-container .cta-book-now-button:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:8px;background:linear-gradient(90deg,transparent,#ff4757 2%,transparent 4%),linear-gradient(180deg,transparent,#ff4757 2%,transparent 4%),linear-gradient(270deg,transparent,#ff4757 2%,transparent 4%),linear-gradient(0deg,transparent,#ff4757 2%,transparent 4%);background-size:100% 100%;background-position:0 0,0 0,100% 100%,100% 100%;opacity:0;pointer-events:none;filter:blur(.5px);z-index:-1}@media (hover:hover){.hero-container .cta-book-now-button:hover:before{animation:lightning-spark .4s ease}.hero-container .cta-book-now-button:hover{transform:scale(1.05);box-shadow:0 6px 25px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.5);filter:brightness(1.15)}}.hero-container .cta-book-now-button:active:before{animation:lightning-spark .4s ease}.hero-container .cta-book-now-button:active{transform:scale(.98);box-shadow:0 6px 25px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.5);filter:brightness(1.15)}@keyframes lightning-spark{0%{opacity:0;background-position:-100% 0,0 -100%,200% 100%,100% 200%}15%{opacity:1;background-position:0 0,0 -50%,200% 100%,100% 200%}25%{opacity:.7}35%{opacity:1;background-position:50% 0,0 0,150% 100%,100% 200%}50%{opacity:.8;background-position:100% 0,0 50%,100% 100%,100% 150%}65%{opacity:1;background-position:100% 0,0 100%,50% 100%,100% 100%}85%{opacity:.6;background-position:100% 0,0 100%,0 100%,100% 50%}to{opacity:0;background-position:100% 0,0 100%,-100% 100%,100% 0}}.hero-container .cta-book-now-button:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:8px;box-shadow:-2px -2px 3px rgba(255,71,87,.8),2px -2px 3px rgba(255,71,87,.8),-2px 2px 3px rgba(255,71,87,.8),2px 2px 3px rgba(255,71,87,.8);opacity:0;pointer-events:none;z-index:-1}@media (hover:hover){.hero-container .cta-book-now-button:hover:after{animation:spark-particles .4s ease}}.hero-container .cta-book-now-button:active:after{animation:spark-particles .4s ease}@keyframes spark-particles{0%,to{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}40%{opacity:0}60%{opacity:1;transform:scale(1.1)}80%{opacity:0}}.hero-container .console-icons-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;animation:fadeInUp .8s ease-out .6s backwards}.hero-container .console-icon{height:25px}.hero-container .console-icon,.hero-container .meta-icon{width:auto;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));vertical-align:middle}.hero-container .meta-icon{height:90px;margin-top:-5px}.hero-container .console-icon:hover{transform:scale(1.1);filter:drop-shadow(0 6px 15px rgba(0,0,0,.5))}.hero-container .console-separator{font-size:25px;color:#fff;font-weight:100;line-height:1}.home-live-status{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:8px 18px;background:hsla(0,0%,100%,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.12);border-radius:100px;animation:fadeInUp .8s ease-out .8s backwards}.home-live-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.home-live-dot.active{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.6);animation:homeLivePulse 1.8s ease-in-out infinite}.home-live-dot.idle{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.5);animation:homeLivePulse 2.5s ease-in-out infinite}@keyframes homeLivePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.home-live-text{font-size:.72rem;font-weight:500;color:hsla(0,0%,100%,.75);letter-spacing:.02em;white-space:nowrap}.home-live-text.home-live-free{color:#10b981;font-weight:600}.home-live-dot.closed{background:#94a3b8;box-shadow:none;animation:none}.home-live-text.home-live-closed{color:hsla(0,0%,100%,.5);font-weight:500}.home-live-count{font-weight:700;color:hsla(0,0%,100%,.95)}.home-live-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:hsla(0,0%,100%,.3);margin:0 6px;vertical-align:middle}@media (max-width:480px){.home-live-status{margin-top:18px;padding:6px 14px;gap:6px}.home-live-text{font-size:.75rem}.home-live-dot{width:6px;height:6px}}.hero-container .hero-logo{max-width:400px;width:100%;height:auto;margin-bottom:var(--spacing-md);filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));transition:transform .3s ease}.hero-container .hero-logo:hover{transform:scale(1.05)}@media (max-width:968px){.hero-container .hero-logo{max-width:300px}}@media (max-width:480px){.hero-container .hero-logo{max-width:250px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-container .hero-subtitle{font-size:28px;color:#fff!important;font-weight:300;line-height:1.4;animation:fadeInUp .8s ease-out .2s backwards;margin-top:40px;margin-bottom:15px;letter-spacing:1px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.hero-container .hero-subtitle-mobile,.hero-container .hero-subtitle2-mobile{display:none}.hero-container .hero-subtitle2{font-size:18px;color:#ff5b3e;font-weight:400;line-height:1.8;animation:fadeInUp .8s ease-out .3s backwards;margin-bottom:45px;letter-spacing:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;text-transform:uppercase}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-banner{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);padding:1rem;border-radius:.5rem;margin-bottom:2rem;text-align:center;animation:fadeInUp .8s ease-out .3s backwards}.btn-hero{font-size:2rem!important;padding:1.5rem 4rem!important;font-weight:700!important;border-radius:1rem!important;box-shadow:0 10px 40px rgba(99,102,241,.4)!important;transform:scale(1);transition:all .3s ease!important}.btn-hero:hover{transform:scale(1.05)!important;box-shadow:0 15px 50px rgba(99,102,241,.6)!important}.btn-hero:active{transform:scale(.98)!important}.home-container{max-width:800px;margin:4rem auto;text-align:center;padding:var(--spacing-xl)}.home-title{font-size:3rem;color:var(--white);margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.home-subtitle{font-size:1.3rem;color:var(--white);margin-bottom:var(--spacing-2xl);opacity:.9}.home-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width:968px){.hero-container .hero-content{padding:var(--spacing-xl)}.hero-container .cta-book-now-button{padding:12px 42px;font-size:20px;font-weight:800}.hero-container .hero-subtitle{font-size:22px;margin-top:25px;margin-bottom:10px}.hero-container .hero-subtitle2{font-size:14px;margin-bottom:30px;letter-spacing:1.5px}.home-title{font-size:2rem}.home-subtitle{font-size:1.1rem}.btn-hero{font-size:1.5rem!important;padding:1.2rem 3rem!important}}@media (max-width:480px){.hero-container .hero-subtitle-full,.hero-container .hero-subtitle2-full{display:none}.hero-container .hero-subtitle-mobile,.hero-container .hero-subtitle2-mobile{display:inline}.hero-container .hero-subtitle{font-size:18px;margin-top:20px;margin-bottom:8px;letter-spacing:.5px}.hero-container .hero-subtitle2{font-size:12px;margin-bottom:25px;letter-spacing:2px}.hero-container .cta-book-now-button{padding:12px 32px;font-size:16px;font-weight:800}.hero-container .console-icons-container{gap:12px;margin-top:20px}.hero-container .console-icon{height:16px}.hero-container .meta-icon{height:48px}.hero-container .console-separator{font-size:20px}.btn-hero{font-size:1.25rem!important;padding:1rem 2.5rem!important}}@media (max-width:768px){body:has(.hero-container) .navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(15,23,42,.72)}.home-live-status{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(15,23,42,.55)}}@media (max-height:500px) and (orientation:landscape){.hero-container .hero-content{padding:78px 16px 12px}.hero-container .hero-logo{max-width:250px;margin-bottom:4px}.hero-container .hero-subtitle,.hero-container .hero-subtitle2{display:none}.hero-container .cta-book-now-button{padding:8px 24px;font-size:14px}.hero-container .console-icons-container{margin-top:12px}.hero-container .console-icon{height:20px}.hero-container .meta-icon{height:40px}.hero-container .home-live-status{margin-top:10px}.hero-container .scroll-indicator{display:none}}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0e1a;overflow:hidden}.splash-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 0);background-size:50px 50px;mask-image:radial-gradient(ellipse 70% 70% at center,#000,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 70% at center,#000,transparent);animation:splash-grid-drift 4s linear infinite}@keyframes splash-grid-drift{0%{transform:translateY(0)}to{transform:translateY(50px)}}.splash-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.splash-glow-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,71,87,.15) 0,transparent 70%);top:-100px;left:-100px;animation:splash-glow-pulse 2s ease-in-out infinite}.splash-glow-2{width:350px;height:350px;background:radial-gradient(circle,rgba(99,102,241,.12) 0,transparent 70%);bottom:-80px;right:-80px;animation:splash-glow-pulse 2s ease-in-out .5s infinite}@keyframes splash-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.splash-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:2;animation:splash-content-enter .6s ease-out both}@keyframes splash-content-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-logo-wrap{position:relative;padding:.5rem}.splash-logo{width:auto;height:auto;max-width:280px;filter:drop-shadow(0 0 30px rgba(255,71,87,.25));animation:splash-logo-glow 1.5s ease-in-out infinite}@keyframes splash-logo-glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,71,87,.2)) drop-shadow(0 0 40px rgba(99,102,241,.1))}50%{filter:drop-shadow(0 0 30px rgba(255,71,87,.35)) drop-shadow(0 0 60px rgba(99,102,241,.2))}}.splash-tagline{font-family:var(--font-heading),"Plus Jakarta Sans",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:5px;color:hsla(0,0%,100%,.35);text-transform:uppercase;margin:0;animation:splash-tagline-in .8s ease-out .3s both}@keyframes splash-tagline-in{0%{opacity:0;letter-spacing:12px}to{opacity:1;letter-spacing:5px}}.splash-progress-track{width:220px;height:3px;background:hsla(0,0%,100%,.06);border-radius:3px;position:relative;overflow:hidden;animation:splash-bar-in .5s ease-out .4s both}@keyframes splash-bar-in{0%{opacity:0;width:0}to{opacity:1;width:220px}}.splash-progress-fill{position:absolute;top:0;left:-40%;height:100%;width:40%;background:linear-gradient(90deg,transparent,#ff4757,#6366f1,#ff4757,transparent);border-radius:3px;animation:splash-fill-slide 1.4s ease-in-out infinite;transition:none}.splash-progress-fill.splash-progress-complete{left:0!important;width:100%!important;background:linear-gradient(90deg,#ff4757,#6366f1,#ff4757);animation:none;transition:all .3s ease-out}@keyframes splash-fill-slide{0%{left:-40%}to{left:100%}}.splash-progress-glow{position:absolute;top:-3px;left:0;width:30px;height:9px;background:radial-gradient(ellipse,rgba(255,71,87,.6) 0,transparent 70%);border-radius:50%;animation:splash-glow-trail 1.4s ease-in-out infinite;pointer-events:none}.splash-progress-complete~.splash-progress-glow{opacity:0;transition:opacity .2s ease}@keyframes splash-glow-trail{0%{left:-30px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 15px);opacity:0}}.splash-consoles{display:flex;align-items:center;gap:.6rem;animation:splash-consoles-in .6s ease-out .6s both}@keyframes splash-consoles-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.splash-console-label{font-family:var(--font-display),"Orbitron",sans-serif;font-size:.65rem;font-weight:500;letter-spacing:3px;color:hsla(0,0%,100%,.3)}.splash-console-sep{color:rgba(255,71,87,.4);font-size:.5rem}.splash-console-dot{width:4px;height:4px;border-radius:50%;background:rgba(99,102,241,.4);animation:splash-dot-blink 1s ease-in-out infinite}@keyframes splash-dot-blink{0%,to{opacity:.3}50%{opacity:1}}.splash-brand{position:absolute;bottom:2rem;font-family:var(--font-heading),"Plus Jakarta Sans",sans-serif;font-size:.6rem;font-weight:600;letter-spacing:4px;color:hsla(0,0%,100%,.12);text-transform:uppercase;margin:0;z-index:2;animation:splash-brand-in .8s ease-out .8s both}@keyframes splash-brand-in{0%{opacity:0}to{opacity:1}}.splash-screen.splash-exit{animation:splash-screen-exit .5s cubic-bezier(.4,0,1,1) forwards}@keyframes splash-screen-exit{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:0;transform:scale(1.08);visibility:hidden}}.hero-hidden{opacity:0}.hero-revealed{animation:hero-reveal .6s ease-out forwards}@keyframes hero-reveal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.hero-hidden{animation:hero-reveal .6s ease-out 4s forwards}.splash-screen{animation:splash-auto-dismiss .6s ease 4s forwards}}@keyframes splash-auto-dismiss{to{opacity:0;visibility:hidden;pointer-events:none}}html[data-splash-seen] .splash-screen{display:none}html[data-splash-seen] .hero-hidden,html[data-splash-seen] .hero-revealed{opacity:1;animation:none}@media (max-width:480px){.splash-logo{max-width:200px}.splash-glow{filter:none}.splash-tagline{font-size:.6rem;letter-spacing:3px}.splash-progress-track{width:180px}@keyframes splash-bar-in{0%{opacity:0;width:0}to{opacity:1;width:180px}}.splash-console-label{font-size:.55rem;letter-spacing:2px}.splash-brand{font-size:.5rem;letter-spacing:3px}.splash-glow-1{width:250px;height:250px}.splash-glow-2{width:200px;height:200px}}@media (max-width:360px){.splash-logo{max-width:170px}.splash-progress-track{width:150px}@keyframes splash-bar-in{0%{opacity:0;width:0}to{opacity:1;width:150px}}}@media (prefers-reduced-motion:reduce){.hero-revealed,.splash-screen,.splash-screen *{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.splash-progress-fill{width:100%!important;animation:none!important}}