:root{--primary:#bb86fc;--primary-glow:#bb86fc99;--secondary:#03dac6;--secondary-glow:#03dac666;--bg-main:#0a0a0e;--bg-darker:#050508;--surface:#19192380;--surface-border:#ffffff14;--text-main:#fff;--text-muted:#a0a0b0;--nav-height:80px;--mobile-nav-height:70px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=1024px){.mobile-only{display:flex!important}.desktop-only{display:none!important}body{padding-bottom:70px}aside.sidebar{display:none!important}.app-layout{flex-direction:column!important}}.hero{justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-overlay{pointer-events:none;background:radial-gradient(circle,#0a0a0e4d 0%,#0a0a0eb3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:center;z-index:2;max-width:900px;animation:1s ease-out fadeInUp}.brand-title{letter-spacing:2px;text-shadow:0 0 15px #fff3;font-size:4rem;font-weight:950}.cyber-title{letter-spacing:-2px;margin-bottom:25px;font-size:4.5rem;font-weight:950;line-height:1.1}@media (width<=768px){.brand-title{font-size:2.5rem}.cyber-title{letter-spacing:-1px;font-size:2.2rem}.hero-subtitle{font-size:1.1rem!important}}.highlight{background:linear-gradient(135deg, var(--secondary), var(--primary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px var(--primary-glow));-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.4rem;font-weight:500}.pulse-btn{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #bb86fcb3}70%{box-shadow:0 0 0 15px #bb86fc00}to{box-shadow:0 0 #bb86fc00}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#root{width:100%}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--surface-border);border-radius:24px}@media (width<=768px){.glass-panel{border-radius:20px}}.neon-border{border:1px solid var(--primary);box-shadow:0 0 15px var(--primary-glow)}.tilt-card{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s}.tilt-card:hover{box-shadow:0 20px 40px #0009, 0 0 30px var(--primary-glow);border-color:var(--primary);transform:translateY(-10px)scale(1.02)}.icon-glow-container{display:inline-flex;position:relative}.icon-glow-container:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);z-index:-1;border-radius:50%;width:150%;height:150%;animation:3s infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.marquee-container{white-space:nowrap;width:100%;padding:20px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content{gap:30px;animation:40s linear infinite marquee-scroll;display:inline-flex}.marquee-container:hover .marquee-content{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-in-section{opacity:0;visibility:hidden;will-change:opacity, visibility;transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.fade-in-section.is-visible{opacity:1;visibility:visible;transform:none}.live-status-widget{border:1px solid var(--secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;background:#0a0a0ecc;border-radius:30px;align-items:center;gap:12px;padding:10px 20px;animation:.6s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 0 20px #03dac64d}@media (width<=768px){.live-status-widget{padding:8px 15px;font-size:.85rem;bottom:110px;right:15px}}.live-dot{background-color:var(--secondary);border-radius:50%;width:10px;height:10px;animation:2s infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 #03dac6b3}70%{box-shadow:0 0 0 10px #03dac600}to{box-shadow:0 0 #03dac600}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.legendary-border{position:relative}.legendary-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:10;background:linear-gradient(45deg,gold,#ff8c00,#bb86fc,#03dac6,gold) 0 0/400% 400%;padding:2px;animation:4s linear infinite legendary-flow;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes legendary-flow{0%{background-position:0%}to{background-position:400%}}.hologram-panel{transition:all .3s;position:relative;overflow:hidden}.hologram-panel:after{content:"";pointer-events:none;background:linear-gradient(to bottom right,#fff0 0%,#ffffff08 40%,#ffffff1a 50%,#ffffff08 60%,#fff0 100%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)translateY(-100%)}.hologram-panel:hover:after{transform:rotate(30deg)translateY(100%)}.btn-glow-active{box-shadow:0 0 15px var(--primary-glow);position:relative;border-color:var(--primary)!important}.btn-glow-active:before{content:"";border-radius:inherit;z-index:0;pointer-events:none;background:radial-gradient(circle,#bb86fc66 0%,#0000 70%);position:absolute;inset:0}.btn-glow-active>*{z-index:1;position:relative}.avatar-pulse-aura{position:relative}.avatar-pulse-aura:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 60%);z-index:-1;border-radius:50%;width:140%;height:140%;animation:3s infinite alternate aura-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes aura-pulse{0%{opacity:.4;transform:translate(-50%,-50%)scale(.9)}to{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.navbar-glass{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0a0a0ebf;border-bottom:1px solid #ffffff0d;box-shadow:0 4px 30px #00000080}@media (width<=768px){.navbar-glass{height:70px!important}}.nav-item-modern{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.nav-item-modern:hover{transform:translateY(-2px);color:var(--primary)!important;background:#bb86fc1a!important}.nav-item-modern:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-item-modern:hover:after,.nav-item-modern.active:after{width:80%}.nav-item-modern.active{color:var(--primary)!important;background:#bb86fc0d!important}.logo-animated{background:linear-gradient(to right, var(--primary) 20%, var(--secondary) 40%, var(--secondary) 60%, var(--primary) 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;animation:3s linear infinite shine;display:flex}@keyframes shine{to{background-position:200%}}.nav-btn-glow{z-index:1;transition:all .3s;position:relative}.nav-btn-glow:hover{box-shadow:0 0 25px var(--primary-glow);transform:scale(1.05)}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:800;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #9a67ea);color:#000;box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 5px 20px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{color:#fff;border:1px solid var(--surface-border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.bottom-nav{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:7000;width:100%;height:70px;padding-left:5px;padding-right:5px;padding-bottom:env(safe-area-inset-bottom);background:#0a0a0ef2;border-top:1px solid #bb86fc33;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;overflow:hidden;flex-direction:row!important;display:flex!important}@media (width>=1025px){.bottom-nav{display:none!important}}.bottom-nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.bottom-nav-item span{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;overflow:hidden}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item svg{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.bottom-nav-item.active svg{transform:translateY(-4px)scale(1.1)}@media (width<=768px){header h2{font-size:1.5rem!important}}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOutUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce{animation:1s ease-in-out infinite bounce}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay{z-index:9000!important}.toast-container{z-index:10000!important}.sidebar{z-index:8000}