.hub-landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:4rem;overflow:hidden;font-family:var(--font-roboto-mono),monospace;position:relative;color:var(--text-color)}.hub-landing-page:after,.hub-landing-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hub-landing-page:before{background-image:url(https://upload.wikimedia.org/wikipedia/commons/5/5c/Image_gaussian_noise_example.png);animation:noise 5s steps(2) infinite;height:calc(100% + 20rem);left:-10rem;top:-10rem;width:calc(100% + 20rem);opacity:var(--grain-opacity);z-index:-1}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-2%,2%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-1%,1%)}60%{transform:translate(1%,-1%)}70%{transform:translate(-2%,-2%)}80%{transform:translate(2%,2%)}90%{transform:translate(-1%,2%)}}.hub-landing-page:after{background-image:radial-gradient(at 80% 10%,hsla(215,80%,70%,.18) 0,transparent 50%),radial-gradient(at 20% 90%,hsla(290,75%,65%,.15) 0,transparent 55%),radial-gradient(at 75% 90%,hsla(180,75%,60%,.14) 0,transparent 50%);background-size:250% 250%;animation:subtleGradientShift 20s linear infinite alternate;opacity:.65;animation-delay:-3s;content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(at 80% 10%,hsla(270,75%,70%,.18) 0,transparent 50%),radial-gradient(at 20% 90%,hsla(290,75%,65%,.17) 0,transparent 55%),radial-gradient(at 75% 90%,hsla(280,60%,65%,.16) 0,transparent 50%),radial-gradient(at 25% 75%,hsla(350,70%,72%,.15) 0,transparent 55%),radial-gradient(at 95% 15%,hsla(50,75%,70%,.16) 0,transparent 50%),radial-gradient(at 10% 15%,hsla(340,80%,70%,.13) 0,transparent 60%);background-size:250% 250%,200% 200%;background-position:0 0,100% 100%;animation:subtleGradientShift 20s linear infinite alternate,subtleGradientShift2 30s linear infinite alternate;filter:blur(90px);opacity:var(--gradient-opacity);z-index:-2}@keyframes subtleGradientShift2{0%{background-position:100% 100%,0 0}to{background-position:0 0,100% 100%}}.hub-header{position:absolute;top:4rem;width:100%;padding:0 4rem;display:flex;justify-content:space-between;align-items:center}.brand-mark{font-size:1.6rem;font-weight:700;letter-spacing:.12em;opacity:0;animation:scaleInBrand 1.2s cubic-bezier(.19,1,.22,1) .5s forwards;transition:text-shadow .4s ease,transform .4s ease;cursor:default}.brand-mark:hover{text-shadow:var(--brand-glow-shadow);transform:scale(1.02);cursor:default}@keyframes scaleInBrand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tagline{font-size:.9rem;color:var(--text-muted);margin-top:.4rem;font-weight:400;letter-spacing:.1em;opacity:0;animation:fadeInTagline 1.2s ease .9s forwards}@keyframes fadeInTagline{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.app-navigator li{opacity:0;transform:translateY(20px) rotateX(-10deg);transform-origin:bottom center;animation:fadeUpItem .8s cubic-bezier(.165,.84,.44,1) forwards;position:relative}.app-navigator li:first-child{animation-delay:1.2s}.app-navigator li:nth-child(2){animation-delay:1.3s}.app-navigator li:nth-child(3){animation-delay:1.4s}.app-navigator li:nth-child(4){animation-delay:1.5s}.app-navigator li:nth-child(5){animation-delay:1.6s}.app-navigator li:nth-child(6){animation-delay:1.7s}@keyframes fadeUpItem{0%{opacity:0;transform:translateY(25px) rotateX(-8deg) scale(.99)}to{opacity:1;transform:translateY(0) rotateX(0deg) scale(1)}}.app-link{display:inline-flex;align-items:center;font-size:2.3rem;font-weight:500;color:var(--link-color-base);text-decoration:none;transition:opacity .4s ease,filter .4s ease,color .4s ease,transform .35s cubic-bezier(.175,.885,.32,1.275);position:relative;padding:.4em 0;cursor:pointer;z-index:1}.app-icon-image{opacity:1;transform:scale(1) rotateY(0deg);width:64px;height:64px;filter:drop-shadow(0 3px 4px var(--app-icon-shadow));margin-right:1.2rem;vertical-align:middle}.app-icon-image,.app-name{transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}.app-name{display:inline-block;position:relative;z-index:2;margin-left:0}.app-navigator:hover .app-link:not(:hover):not(:focus){opacity:.5;filter:saturate(.5) blur(.5px);transition:opacity .4s ease,filter .4s ease}.app-link:focus,.app-link:hover{color:var(--link-color-hover);filter:none;outline:none}.app-link:focus .app-icon-image,.app-link:hover .app-icon-image{transform:scale(1.15) rotateY(8deg);filter:drop-shadow(0 6px 18px var(--app-icon-glow))}.app-link:focus .app-name,.app-link:hover .app-name{transform:scale(1.03) translateX(3px)}.accent-yellow .app-link:focus,.accent-yellow .app-link:hover{color:var(--accent-yellow)}.accent-green .app-link:focus,.accent-green .app-link:hover{color:var(--accent-green)}.accent-purple .app-link:focus,.accent-purple .app-link:hover{color:var(--accent-purple)}.accent-orange .app-link:focus,.accent-orange .app-link:hover{color:var(--accent-orange)}.accent-magenta .app-link:focus,.accent-magenta .app-link:hover{color:var(--accent-magenta)}.accent-cyan .app-link:focus,.accent-cyan .app-link:hover{color:var(--accent-cyan)}.app-link:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:4px;border-radius:4px;color:var(--current-accent)}.app-link:focus{outline:none}.app-link:focus-visible .app-icon-image{transform:scale(1.15) rotateY(8deg);filter:drop-shadow(0 6px 18px var(--app-icon-glow))}.app-link:focus-visible .app-name{transform:scale(1.03) translateX(3px)}.hub-footer{position:absolute;bottom:0;left:0;width:100%;padding:2rem 4rem;display:flex;flex-direction:column;align-items:center}.footer-bottom{opacity:0;animation:fadeInFooter 1s ease 2.2s forwards}.cta-link{color:var(--text-muted);font-size:1rem;text-decoration:none;border:1px solid var(--border-color);padding:.7rem 1.8rem;border-radius:30px;transition:all .4s cubic-bezier(.165,.84,.44,1);opacity:0;background-color:transparent;position:relative;overflow:hidden;cursor:pointer}.header-cta{animation:fadeInFooter 1s ease 2s forwards}.cta-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(110deg,transparent 20%,hsla(from var(--accent-default) h s l/.4) 50%,transparent 80%);transition:left .7s cubic-bezier(.23,1,.32,1);z-index:0;opacity:0}.cta-link:hover{color:var(--cta-text-hover);border-color:var(--accent-default);background-color:var(--cta-bg-hover);transform:translateY(-4px) scale(1.03);box-shadow:0 10px 25px var(--cta-shadow-color)}.cta-link:focus-visible{outline:2px solid var(--accent-default);outline-offset:3px;border-radius:30px;color:var(--cta-text-hover);border-color:var(--accent-default);background-color:var(--cta-bg-hover);box-shadow:0 6px 20px var(--cta-shadow-color)}.cta-link:focus{outline:none}@keyframes fadeInFooter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}:root{--bg-color:#0a0a0a;--text-color:#e5e5e5;--text-muted:#666;--text-inverted:#111;--link-color-base:#4d4d4d;--link-color-hover:#fff;--border-color:#555;--gradient-opacity:0.7;--grain-opacity:0.07;--coming-soon-bg:rgba(255,255,255,0.7);--coming-soon-text:#111;--cta-bg-hover:var(--accent-default);--cta-text-hover:var(--text-inverted);--cta-shadow-color:hsla(from var(--accent-default) h s l/0.25);--app-icon-shadow:rgba(0,0,0,0.4);--focus-outline-color:hsla(from var(--current-accent) h s l/0.7);--brand-glow-shadow:0 0 12px hsla(0,0%,100%,0.4);--accent-yellow:#e6c34f;--accent-green:#4fe685;--accent-purple:#a36ee3;--accent-magenta:#e64f9d;--accent-cyan:#4fced0;--accent-orange:#f59e0b;--accent-default:#f5f5f5}@media (prefers-color-scheme:light){:root{--bg-color:#f5f5f5;--text-color:#222;--text-muted:#777;--text-inverted:#fff;--link-color-base:#888;--link-color-hover:#000;--border-color:#aaa;--gradient-opacity:0.35;--grain-opacity:0.04;--coming-soon-bg:rgba(0,0,0,0.7);--coming-soon-text:#fff;--accent-default:#333;--cta-bg-hover:var(--accent-default);--cta-text-hover:var(--text-inverted);--cta-shadow-color:hsla(from var(--accent-default) h s l/0.15);--app-icon-shadow:rgba(0,0,0,0.15);--focus-outline-color:hsla(from var(--current-accent) h s l/0.9);--brand-glow-shadow:0 0 12px hsla(0,0%,0%,0.2)}.app-navigator li.accent-yellow{--app-icon-glow:hsla(from var(--accent-yellow) h s l/0.25)}.app-navigator li.accent-green{--app-icon-glow:hsla(from var(--accent-green) h s l/0.25)}.app-navigator li.accent-purple{--app-icon-glow:hsla(from var(--accent-purple) h s l/0.25)}.app-navigator li.accent-magenta{--app-icon-glow:hsla(from var(--accent-magenta) h s l/0.25)}.app-navigator li.accent-cyan{--app-icon-glow:hsla(from var(--accent-cyan) h s l/0.25)}.app-navigator li.accent-orange{--app-icon-glow:hsla(from var(--accent-orange) h s l/0.25)}}.app-navigator li.accent-yellow{--current-accent:var(--accent-yellow);--app-icon-glow:hsla(from var(--accent-yellow) h s l/0.35)}.app-navigator li.accent-green{--current-accent:var(--accent-green);--app-icon-glow:hsla(from var(--accent-green) h s l/0.35)}.app-navigator li.accent-purple{--current-accent:var(--accent-purple);--app-icon-glow:hsla(from var(--accent-purple) h s l/0.35)}.app-navigator li.accent-magenta{--current-accent:var(--accent-magenta);--app-icon-glow:hsla(from var(--accent-magenta) h s l/0.35)}.app-navigator li.accent-cyan{--current-accent:var(--accent-cyan);--app-icon-glow:hsla(from var(--accent-cyan) h s l/0.35)}.app-navigator li.accent-orange{--current-accent:var(--accent-orange);--app-icon-glow:hsla(from var(--accent-orange) h s l/0.35)}.app-navigator li[data-coming-soon=true] .app-link:after{content:"Coming Soon";position:absolute;bottom:-1.8em;left:50%;transform:translateX(-50%) translateY(10px);background-color:var(--coming-soon-bg);color:var(--coming-soon-text);font-size:.6rem;font-weight:600;padding:.2em .6em;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease,background-color .3s ease,color .3s ease;pointer-events:none;z-index:10}.app-navigator li[data-coming-soon=true] .app-link:focus:after,.app-navigator li[data-coming-soon=true] .app-link:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:768px){.hub-landing-page{padding:2rem}.hub-header{top:2rem;padding:0 2rem;flex-direction:column;align-items:center;text-align:center}.brand-mark{font-size:1.4rem}.tagline{font-size:.8rem;margin-bottom:1.5rem}.header-cta{margin-top:1rem}.app-link{font-size:1.8rem}.app-icon-image{width:48px;height:48px;margin-right:.8rem}.hub-footer{padding:1rem 2rem}.footer-bottom{flex-direction:column;gap:.5rem;padding-top:1rem;margin-top:1rem}}@media (max-width:480px){.hub-landing-page{padding:1.5rem}.hub-header{top:1.5rem;padding:0 1.5rem}.brand-mark{font-size:1.2rem}.tagline{font-size:.75rem}.cta-link{font-size:.9rem;padding:.6rem 1.5rem}.app-link{font-size:1.5rem}.app-icon-image{width:40px;height:40px;margin-right:.6rem}.footer-bottom small{font-size:.7rem}}