*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;line-height:1.5}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline-offset:3px;outline:2px solid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--hub-bg:#050508;--hub-bg-deep:#020203;--hub-lime:#c8ff00;--hub-magenta:#ff006e;--hub-cyan:#00f5ff;--hub-text:#e8e8ec;--hub-muted:#6b6b78;--hub-grid:#c8ff000f;--hub-scanline:#ffffff08;--font-display:"Syne", system-ui, sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}body.hub{font-family:var(--font-body);background:var(--hub-bg);color:var(--hub-text);overflow-x:hidden}.hub-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hub-atmosphere__grid{background-image:linear-gradient(var(--hub-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hub-grid) 1px, transparent 1px);will-change:transform;background-size:48px 48px;animation:24s linear infinite grid-drift;position:absolute;inset:-48px 0 0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%)}.hub-atmosphere__orb{filter:blur(80px);opacity:.55;will-change:transform;border-radius:50%;transition:transform .4s ease-out;animation:12s ease-in-out infinite orb-float;position:absolute}.hub-atmosphere__orb--lime{background:var(--hub-lime);width:420px;height:420px;animation-delay:0s;top:-8%;left:-6%}.hub-atmosphere__orb--magenta{background:var(--hub-magenta);width:380px;height:380px;animation-delay:-4s;bottom:10%;right:-8%}.hub-atmosphere__orb--cyan{background:var(--hub-cyan);opacity:.25;width:280px;height:280px;animation-delay:-8s;top:45%;left:55%}.hub-atmosphere__scanlines{background:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--hub-scanline) 2px, var(--hub-scanline) 4px);animation:8s linear infinite scanline-drift;position:absolute;inset:0}.hub-atmosphere__noise{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hub-atmosphere__pulse{background:radial-gradient(60% 40% at 50% 0,#c8ff0014 0%,#0000 60%);animation:4s ease-in-out infinite club-pulse;position:absolute;inset:0}.hub-atmosphere__beam{transform-origin:top;opacity:.5;filter:blur(1px);background:linear-gradient(#0000,#c8ff0059,#ff006e40,#0000);width:2px;height:140%;animation:9s ease-in-out infinite beam-sweep;position:absolute;top:-20%;left:50%}.hub-atmosphere__particles{position:absolute;inset:0}.hub-particle{background:var(--hub-lime);opacity:0;width:3px;height:3px;box-shadow:0 0 8px var(--hub-lime);border-radius:50%;animation:linear infinite particle-rise;position:absolute}@keyframes grid-drift{0%{transform:perspective(500px)rotateX(2deg)translateY(0)}to{transform:perspective(500px)rotateX(2deg)translateY(48px)}}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes club-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes beam-sweep{0%,to{opacity:.2;transform:translate(-40vw)rotate(-18deg)}50%{opacity:.55;transform:translate(40vw)rotate(18deg)}}@keyframes particle-rise{0%{opacity:0;transform:translateY(0)scale(.6)}10%{opacity:.7}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh)scale(1.2)}}.hub-shell{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.hub-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(2.5rem,6vw,4rem);padding:clamp(2rem,6vw,4rem) clamp(1.25rem,4vw,2.5rem);display:flex}.hub-hero{text-align:center;max-width:52rem}.hub-hero__eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--hub-lime);opacity:0;min-height:1.2em;margin-bottom:1.25rem;font-size:.75rem}.hub-hero__eyebrow.is-visible{opacity:.9;animation:.7s both fade-up}.hub-hero__eyebrow .cursor{background:var(--hub-lime);vertical-align:text-bottom;width:.55em;height:1em;margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}.hub-hero__logo{filter:brightness(0)invert();opacity:0;width:min(92%,22rem);height:auto;margin:0 auto;display:block;transform:translateY(18px)}.hub-hero__logo.is-visible{opacity:.95;animation:.9s cubic-bezier(.22,1,.36,1) both logo-in}.hub-hero__logo.is-glitching{animation:.45s steps(2,end) both logo-glitch}.hub-hero__tagline{color:var(--hub-muted);margin-top:1.5rem;opacity:0;max-width:28rem;margin-inline:auto;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;transform:translateY(12px)}.hub-hero__tagline.is-visible{animation:.8s .15s both fade-up}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-in{0%{opacity:0;filter:brightness(0)invert()drop-shadow(0 0 #0000);transform:translateY(22px)scale(.96)}to{opacity:.95;filter:brightness(0)invert()drop-shadow(0 0 24px #c8ff0040);transform:translateY(0)scale(1)}}@keyframes logo-glitch{0%{filter:brightness(0)invert()drop-shadow(0 0 24px #c8ff0040);transform:translate(0)}20%{filter:brightness(0)invert()sepia()saturate(20)hue-rotate(70deg);transform:translate(-3px,1px)}40%{filter:brightness(0)invert()sepia()saturate(20)hue-rotate(280deg);transform:translate(3px,-1px)}60%{filter:brightness(0) invert(1) drop-shadow(-4px 0 var(--hub-magenta)) drop-shadow(4px 0 var(--hub-cyan));transform:translate(-2px)}to{filter:brightness(0)invert()drop-shadow(0 0 24px #c8ff0040);transform:translate(0)}}.hub-portal{opacity:0;width:min(100%,32rem);transform:translateY(28px)scale(.98)}.hub-portal.is-visible{animation:.9s cubic-bezier(.22,1,.36,1) .2s both portal-in}.hub-portal__label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--hub-muted);margin-bottom:.75rem;padding-left:.25rem;font-size:.7rem}.hub-portal__door{text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050508d9;border:1px solid #c8ff0040;width:100%;padding:0;transition:border-color .3s,box-shadow .3s,transform .3s;animation:3.2s ease-in-out infinite door-breathe;display:block;position:relative;overflow:hidden}.hub-portal__door:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(105deg,#0000 40%,#c8ff0014 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.hub-portal__door:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#00f5ff0f,#0000);width:40%;height:100%;animation:4.5s ease-in-out infinite door-scan;position:absolute;top:0;left:-20%}.hub-portal__door:hover,.hub-portal__door:focus-visible{border-color:var(--hub-lime);animation:none;transform:translateY(-4px)scale(1.01);box-shadow:0 0 48px #c8ff0038,0 0 80px #ff006e14,inset 0 0 60px #c8ff000a}.hub-portal__door:hover:before,.hub-portal__door:focus-visible:before{transform:translate(100%)}.hub-portal__inner{z-index:2;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:grid;position:relative}.hub-portal__icon{border-radius:.85rem;flex-shrink:0;width:3.5rem;height:3.5rem;transition:transform .35s,box-shadow .35s;box-shadow:0 0 24px #c8ff0033}.hub-portal__door:hover .hub-portal__icon{transform:rotate(-6deg)scale(1.06);box-shadow:0 0 32px #c8ff0066}.hub-portal__status{font-family:var(--font-mono);letter-spacing:.15em;color:var(--hub-lime);writing-mode:vertical-rl;border-right:2px solid var(--hub-lime);padding-right:.75rem;font-size:.65rem;animation:1.6s step-end infinite status-blink;transform:rotate(180deg)}.hub-portal__content{min-width:0}.hub-portal__now{font-family:var(--font-mono);color:var(--hub-magenta);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;animation:2s ease-in-out infinite now-pulse}.hub-portal__app-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--hub-text);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700}.hub-portal__desc{color:var(--hub-muted);margin-top:.35rem;font-size:.9rem}.hub-portal__arrow{font-family:var(--font-mono);color:var(--hub-lime);font-size:1.5rem;transition:transform .3s;animation:1.8s ease-in-out infinite arrow-nudge}.hub-portal__door:hover .hub-portal__arrow,.hub-portal__door:focus-visible .hub-portal__arrow{animation:none;transform:translate(8px)}.hub-portal__stub{font-family:var(--font-mono);color:var(--hub-muted);letter-spacing:.08em;z-index:2;border-top:1px dashed #c8ff0033;justify-content:space-between;gap:1rem;padding:.65rem 1.5rem;font-size:.65rem;display:flex;position:relative}.hub-portal__stub span:last-child{color:var(--hub-lime)}@keyframes portal-in{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes door-breathe{0%,to{box-shadow:0 0 20px #c8ff0014}50%{box-shadow:0 0 36px #c8ff002e}}@keyframes door-scan{0%{opacity:0;left:-40%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:110%}}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes now-pulse{0%,to{opacity:.75}50%{opacity:1;text-shadow:0 0 12px #ff006e80}}@keyframes arrow-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.hub-footer{font-family:var(--font-mono);color:var(--hub-muted);letter-spacing:.06em;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem clamp(1.25rem,4vw,2.5rem);font-size:.7rem;display:flex}.hub-footer__logo{filter:brightness(0)invert();opacity:.55;width:auto;height:1.35rem}.hub-footer a{color:var(--hub-muted);transition:color .2s}.hub-footer a:hover{color:var(--hub-lime)}@media (width<=480px){.hub-portal__inner{grid-template-columns:auto 1fr auto}.hub-portal__icon,.hub-portal__status{display:none}.hub-portal__stub{flex-direction:column;gap:.25rem}}@media (prefers-reduced-motion:reduce){.hub-atmosphere__grid,.hub-atmosphere__orb,.hub-atmosphere__scanlines,.hub-atmosphere__pulse,.hub-atmosphere__beam,.hub-particle,.hub-portal__door,.hub-portal__door:after,.hub-portal__status,.hub-portal__now,.hub-portal__arrow,.hub-hero__eyebrow .cursor{animation:none!important}.hub-hero__eyebrow,.hub-hero__logo,.hub-hero__tagline,.hub-portal{opacity:1!important;transform:none!important}.hub-portal__door:before{display:none}}