@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(30px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes islandEntrance{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(40px)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.02) translateY(-5px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cloudDrift{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(10px) translateY(-3px)}75%{transform:translateX(-5px) translateY(3px)}}@keyframes cloudFadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:.7;transform:translateX(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(0,206,209,.3),0 0 40px rgba(0,206,209,.2),0 0 60px rgba(0,206,209,.1)}50%{box-shadow:0 0 30px rgba(0,206,209,.5),0 0 60px rgba(0,206,209,.3),0 0 90px rgba(0,206,209,.15)}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkleSlow{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}}@keyframes twinkleFast{0%,to{opacity:.4;transform:scale(1)}25%{opacity:1}75%{opacity:.5}}@keyframes shootingStar{0%{transform:translateX(0) translateY(0) rotate(-45deg);opacity:1}70%{opacity:1}to{transform:translateX(300px) translateY(300px) rotate(-45deg);opacity:0}}@keyframes iconEntrance{0%{opacity:0;transform:scale(.5) translateY(20px)}60%{opacity:1;transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes islandGlow{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1.02)}}.landing-hub-container{position:fixed;inset:0;overflow:hidden;width:150vw;height:150vh;left:-25vw;top:-25vh;transition:opacity .5s ease;z-index:1}.landing-hub-container:not(.loaded){opacity:0}.landing-hub-container.loaded{opacity:1}.bg-gradient-radial{background:linear-gradient(180deg,#0a0a1a,#0d1033 20%,#1a1a4a 40%,#2a2a5a 60%,#1e3a5f 80%,#2d4a6a)}.landing-hub-container .stars-container{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.landing-hub-container .star{position:absolute;background:radial-gradient(circle,#ffffff 0,rgba(255,255,255,0) 70%);border-radius:50%}.landing-hub-container .star-small{width:2px;height:2px}.landing-hub-container .star-medium{width:3px;height:3px}.landing-hub-container .star-large{width:4px;height:4px;box-shadow:0 0 6px 1px rgba(255,255,255,.3)}.landing-hub-container .star-twinkle{animation:twinkle 3s ease-in-out infinite}.landing-hub-container .star-twinkle-slow{animation:twinkleSlow 5s ease-in-out infinite}.landing-hub-container .star-twinkle-fast{animation:twinkleFast 2s ease-in-out infinite}.landing-hub-container .shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);opacity:0;animation:shootingStar 3s ease-out infinite}.landing-hub-container .nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;pointer-events:none}.landing-hub-container .nebula-1{width:400px;height:300px;background:radial-gradient(ellipse,rgba(100,149,237,.4) 0,transparent 70%);top:10%;left:20%}.landing-hub-container .nebula-2{width:350px;height:250px;background:radial-gradient(ellipse,rgba(147,112,219,.3) 0,transparent 70%);top:30%;right:15%}.landing-hub-container .nebula-3{width:300px;height:200px;background:radial-gradient(ellipse,rgba(0,206,209,.25) 0,transparent 70%);bottom:40%;left:40%}.island-platform{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:1200px;height:600px;z-index:10;opacity:0;transition:transform .1s ease-out}.island-platform.island-loaded{animation:islandEntrance .8s cubic-bezier(.34,1.56,.64,1) forwards}.island-glow{top:50%;width:90%;height:60%;background:radial-gradient(ellipse at center,rgba(0,206,209,.2) 0,rgba(100,149,237,.1) 40%,transparent 70%);border-radius:50%;filter:blur(40px);animation:islandGlow 4s ease-in-out infinite;pointer-events:none}.icons-container,.island-glow{position:absolute;left:50%;transform:translate(-50%,-50%)}.icons-container{top:55%;width:1080px;height:540px;z-index:15;transition:transform .1s ease-out}.icon-arena,.icon-askbo,.icon-learn,.icon-practice,.icon-search,.icon-teacher,.icon-video{position:absolute;display:flex;align-items:center;justify-content:center}.icon-arena{left:32%;top:18%}.icon-arena,.icon-video{transform:translate(-50%,-50%)}.icon-video{left:65%;top:15%}.icon-practice{left:50%;top:50%}.icon-practice,.icon-teacher{transform:translate(-50%,-50%)}.icon-teacher{left:25%;top:55%}.icon-askbo{left:18%;top:25%}.icon-askbo,.icon-learn{transform:translate(-50%,-50%)}.icon-learn{left:70%;top:45%}.icon-search{left:82%;top:30%;transform:translate(-50%,-50%)}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;animation:iconEntrance .6s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.icon-wrapper,.icon-wrapper.icon-active{cursor:pointer}.icon-wrapper.icon-disabled{cursor:not-allowed}.icon-wrapper.icon-active:hover{transform:scale(1.12) translateY(-8px)}.icon-wrapper.icon-active:hover .icon-image{filter:drop-shadow(0 8px 25px rgba(0,206,209,.5)) drop-shadow(0 4px 12px rgba(255,255,255,.2))}.icon-wrapper.icon-disabled:hover{transform:scale(1.02)}.icon-wrapper.icon-clicked{transform:scale(.95)}.icon-image{position:relative;z-index:2;transition:filter .3s ease,transform .3s ease}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border-radius:50%;background:radial-gradient(circle at center,rgba(0,206,209,.4) 0,rgba(100,149,237,.2) 40%,transparent 70%);opacity:0;filter:blur(15px);transition:opacity .3s ease;pointer-events:none;z-index:1}.icon-glow.glow-active{opacity:1;animation:glowPulse 2s ease-in-out infinite}.icon-pulse-ring{width:80%;height:80%;border-radius:50%;border:2px solid rgba(0,206,209,.5);animation:pulseRing 2.5s ease-out infinite;z-index:0}.click-ripple,.icon-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.click-ripple{width:50px;height:50px;background:radial-gradient(circle,rgba(0,206,209,.6) 0,transparent 70%);border-radius:50%;animation:ripple .4s ease-out forwards;z-index:3}.icon-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translateX(-50%) translateY(10px);min-width:140px;padding:12px 16px;background:rgba(15,15,35,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(0,206,209,.3);box-shadow:0 8px 32px rgba(0,0,0,.3),0 4px 16px rgba(0,206,209,.15),inset 0 1px 0 rgba(255,255,255,.1);opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:100}.icon-tooltip.tooltip-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.tooltip-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.tooltip-name{font-family:Madimi One,cursive;font-size:16px;font-weight:600;color:#ffffff;letter-spacing:.5px}.tooltip-description{font-family:Figtree,sans-serif;font-size:12px;color:rgba(255,255,255,.7);line-height:1.3}.tooltip-badge{font-family:Figtree,sans-serif;font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#00CED1,#6495ED);padding:3px 8px;border-radius:20px;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:rgba(15,15,35,.85);border-right:1px solid rgba(0,206,209,.3);border-bottom:1px solid rgba(0,206,209,.3)}.cloud-big-left,.cloud-big-right,.cloud-medium-left,.cloud-medium-right{position:absolute;pointer-events:none;z-index:5;opacity:0;transition:transform .15s ease-out}.cloud-big-left.cloud-loaded,.cloud-big-right.cloud-loaded,.cloud-medium-left.cloud-loaded,.cloud-medium-right.cloud-loaded{animation:cloudFadeIn .8s ease-out forwards,cloudDrift 8s ease-in-out infinite}.cloud-big-left{left:20%;top:30%}.cloud-big-right{right:20%;top:45%;animation-delay:.2s}.cloud-medium-left{left:38%;top:25%;animation-delay:.3s}.cloud-medium-right{right:38%;top:27%;animation-delay:.4s}.cloud-big-left.cloud-loaded{animation-delay:.1s,0s}.cloud-big-right.cloud-loaded{animation-delay:.2s,1s}.cloud-medium-left.cloud-loaded{animation-delay:.3s,2s}.cloud-medium-right.cloud-loaded{animation-delay:.4s,.5s}@media (max-width:1024px){.landing-hub-container{width:100vw;height:100vh;left:0;top:0}.island-platform{width:750px;height:375px;top:52%}.icons-container{width:680px;height:340px;top:52%}.icon-arena .icon-image,.icon-askbo .icon-image,.icon-learn .icon-image,.icon-practice .icon-image,.icon-search .icon-image,.icon-teacher .icon-image,.icon-video .icon-image{transform:scale(.7)}.icon-arena{left:30%;top:15%}.icon-video{left:68%;top:12%}.icon-practice{left:50%;top:50%}.icon-teacher{left:22%;top:58%}.icon-askbo{left:15%;top:28%}.icon-learn{left:72%;top:48%}.icon-search{left:85%;top:28%}.icon-tooltip{min-width:110px;padding:8px 12px}.tooltip-name{font-size:13px}.tooltip-description{font-size:10px}.cloud-big-left img,.cloud-big-right img,.cloud-medium-left img,.cloud-medium-right img{transform:scale(.7)}.cloud-big-left{left:5%;top:20%}.cloud-big-right{right:5%;top:35%}.cloud-medium-left{left:25%;top:15%}.cloud-medium-right{right:25%;top:18%}.landing-hub-container .nebula{opacity:.08}.landing-hub-container .shooting-star:nth-child(2){display:none}}@media (max-width:768px){.landing-hub-container{width:100vw;height:100vh;left:0;top:0}.island-platform{width:500px;height:250px;top:55%}.icons-container{width:450px;height:225px;top:55%}.icon-arena .icon-image,.icon-askbo .icon-image,.icon-practice .icon-image,.icon-teacher .icon-image{transform:scale(.55)!important}.icon-video .icon-image{transform:scale(.65)!important}.icon-learn .icon-image,.icon-search .icon-image{transform:scale(.85)!important}.icon-arena{left:28%;top:12%}.icon-video{left:70%;top:10%}.icon-practice{left:50%;top:50%}.icon-teacher{left:32%;top:68%}.icon-askbo{left:10%;top:28%}.icon-learn{left:75%;top:55%}.icon-search{left:85%;top:30%}.icon-tooltip{min-width:90px;padding:6px 10px;bottom:calc(100% + 8px)}.tooltip-name{font-size:12px}.tooltip-description{font-size:9px}.tooltip-badge{font-size:8px;padding:2px 5px}.icon-wrapper.icon-active:hover{transform:scale(1.05) translateY(-3px)}.cloud-medium-left,.cloud-medium-right{display:none}.cloud-big-left img,.cloud-big-right img{transform:scale(.5)}.cloud-big-left{left:3%;top:15%}.cloud-big-right{right:3%;top:25%}.icon-glow.glow-active{animation:none;opacity:.5}.icon-pulse-ring,.landing-hub-container .nebula,.landing-hub-container .shooting-star{display:none}}@media (max-width:480px){.landing-hub-container{width:100vw;height:100vh;left:0;top:0}.island-platform{width:380px;height:190px;top:55%}.icons-container{width:340px;height:170px;top:55%}.icon-arena .icon-image,.icon-askbo .icon-image,.icon-practice .icon-image,.icon-teacher .icon-image{transform:scale(.42)!important}.icon-video .icon-image{transform:scale(.52)!important}.icon-learn .icon-image,.icon-search .icon-image{transform:scale(.72)!important}.icon-arena{left:26%;top:10%}.icon-video{left:72%;top:8%}.icon-practice{left:50%;top:52%}.icon-teacher{left:30%;top:70%}.icon-askbo{left:8%;top:30%}.icon-learn{left:78%;top:58%}.icon-search{left:88%;top:30%}.icon-tooltip{min-width:80px;padding:5px 8px}.tooltip-name{font-size:11px}.cloud-big-left,.cloud-big-right,.cloud-medium-left,.cloud-medium-right,.island-glow,.tooltip-description{display:none}}@media (max-width:375px){.landing-hub-container{width:100vw;height:100vh;left:0;top:0}.island-platform{width:320px;height:160px;top:55%}.icons-container{width:290px;height:145px;top:55%}.icon-arena .icon-image,.icon-askbo .icon-image,.icon-practice .icon-image,.icon-teacher .icon-image{transform:scale(.35)!important}.icon-video .icon-image{transform:scale(.45)!important}.icon-learn .icon-image,.icon-search .icon-image{transform:scale(.6)!important}.icon-arena{left:24%;top:8%}.icon-video{left:74%;top:6%}.icon-practice{left:50%;top:52%}.icon-teacher{left:28%;top:72%}.icon-askbo{left:6%;top:32%}.icon-learn{left:80%;top:60%}.icon-search{left:90%;top:32%}.cloud-big-left,.cloud-big-right,.cloud-medium-left,.cloud-medium-right,.icon-tooltip{display:none}}@media (prefers-reduced-motion:reduce){.cloud-big-left,.cloud-big-right,.cloud-medium-left,.cloud-medium-right,.icon-wrapper,.island-platform{animation:none!important;opacity:1}.island-platform.island-loaded{transform:translate(-50%,-50%)}.icon-wrapper{opacity:1}.icon-glow.glow-active{animation:none;opacity:.5}.click-ripple,.icon-pulse-ring,.landing-hub-container .shooting-star{display:none}.landing-hub-container .star-twinkle,.landing-hub-container .star-twinkle-fast,.landing-hub-container .star-twinkle-slow{animation:none!important;opacity:.6}.icon-tooltip.tooltip-visible{transition:opacity .2s ease}}