.ecosystem-section{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:3rem 1.5rem 2rem}.ecosystem-heading{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;text-align:center;margin-bottom:2.5rem;background:linear-gradient(135deg,#b8860b,#d4af37,#e8c87c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.ecosystem-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.ecosystem-card{background:rgba(26,26,26,.7);border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease;border:1px solid rgba(212,175,55,.2);width:160px;flex-shrink:0}.eco-card-active{border-color:rgba(212,175,55,.3)}.eco-card-inactive{opacity:.5;border-color:hsla(0,0%,100%,.05)}.eco-glow{border-color:#d4af37;box-shadow:0 0 20px rgba(212,175,55,.3)}.ecosystem-card.eco-card-active:hover:not(.eco-glow){border-color:#d4af37;transform:translateY(-3px);box-shadow:0 6px 20px rgba(212,175,55,.3)}.eco-icon{font-size:2rem;margin-bottom:.75rem}.eco-title{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;color:#e8c87c;margin-bottom:.4rem;letter-spacing:.5px}.eco-desc{color:hsla(0,0%,100%,.5);font-size:.8rem;margin-bottom:1rem;line-height:1.4}.eco-status-container{display:flex;flex-direction:column;align-items:center;gap:.4rem}.eco-status-badge{padding:.3rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600}.eco-badge-active{background:rgba(212,175,55,.15);color:#d4af37;border:1px solid rgba(212,175,55,.2)}.eco-badge-upcoming{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.1)}.eco-current-label{font-size:.65rem;font-weight:700;color:#d4af37;letter-spacing:1px;text-transform:uppercase}@media (max-width:768px){.ecosystem-card{width:140px}}@media (max-width:480px){.ecosystem-section{padding:2rem 1rem}.ecosystem-heading{font-size:1.4rem}.ecosystem-card{width:130px}}.hub-header{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 1rem;background:transparent;position:relative;z-index:100}.back-to-hub-link{position:absolute;top:1rem;left:1rem;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.5);color:#d4af37;border-radius:8px;padding:.4rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease;z-index:10}.back-to-hub-link:hover{background:rgba(212,175,55,.2);border-color:#d4af37;transform:translateX(-2px)}.logo-display-zone{height:120px!important;width:auto;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}@keyframes logoVortex{0%,to{transform:translateZ(0) rotate(-3deg) scale(.98);filter:drop-shadow(0 0 8px rgba(255,160,0,.45)) drop-shadow(0 0 2px rgba(0,0,0,.8))}50%{transform:translateZ(0) rotate(3deg) scale(1.02);filter:drop-shadow(0 0 20px rgba(255,160,0,.85)) drop-shadow(0 0 40px rgba(255,100,0,.4)) drop-shadow(0 0 2px rgba(0,0,0,.8))}}.brand-logo-image{height:120px;width:auto;object-fit:contain;animation:logoVortex 5s ease-in-out infinite;will-change:transform,filter;transform-origin:center center}.brand-title-text{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;margin:1rem 0;background:linear-gradient(135deg,#e8c87c,#d4af37 50%,#b8960c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px;text-align:center}.primary-tagline{font-family:Inter,sans-serif;font-size:1rem;color:#d4af37;margin:.4rem 0 1.5rem;font-weight:600;text-align:center;letter-spacing:.3px}.hub-pills-container{flex-direction:row;justify-content:center;gap:1rem;flex-wrap:wrap}.hub-pill,.hub-pills-container{display:flex;align-items:center}.hub-pill{gap:.5rem;padding:.6rem 1.2rem;background:rgba(26,26,26,.8);backdrop-filter:blur(10px);border-radius:50px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s ease;white-space:nowrap;cursor:default}.pill-icon{font-size:1.1rem}.pill-icon,.pill-text{line-height:1}.buy-credits-pill,.credits-pill{border:2px solid gold;color:gold}.buy-credits-pill{cursor:pointer;box-shadow:0 2px 8px rgba(255,215,0,.3)}.buy-credits-pill:hover{background:rgba(255,215,0,.1);transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,215,0,.4)}.favorites-pill{border:1.5px solid #f5a623;color:#f5a623;cursor:pointer;background:linear-gradient(135deg,#1a1208,#1e1810);box-shadow:0 0 14px rgba(245,166,35,.25)}.favorites-pill:hover{box-shadow:0 0 22px rgba(245,166,35,.5);transform:translateY(-1px);background:linear-gradient(135deg,#221a0c,#2a2010)}.profile-pill{padding:.5rem 1rem;gap:.75rem;border:1px solid rgba(212,175,55,.3);color:#d4af37}.profile-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid gold;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-fallback{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#e8c87c);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;border:2px solid gold;flex-shrink:0}.profile-name{color:#e8c87c;font-size:.9rem}.hub-pill .signout-btn{padding:.3rem .8rem;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hub-pill .signout-btn:hover{background:rgba(212,175,55,.2);border-color:#d4af37}.how-to-use-pill{border:2px solid #d4af37;color:#d4af37;cursor:pointer}.how-to-use-pill:hover{background:rgba(212,175,55,.15);border-color:gold;color:gold;transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,175,55,.25)}.signin-pill{border:1px solid rgba(212,175,55,.3);color:#d4af37;cursor:pointer}.signin-pill:hover:not(:disabled){border-color:gold;background:rgba(255,215,0,.05);transform:translateY(-2px)}.signin-pill:disabled{opacity:.6;cursor:not-allowed}.retry-pill{border:1px solid rgba(212,175,55,.3);color:#d4af37;cursor:pointer}.retry-pill:hover{border-color:gold;background:rgba(255,215,0,.05)}@media (max-width:768px){.hub-header{padding:3rem 1rem 1rem}.back-to-hub-link{font-size:.75rem;padding:.25rem .65rem}.logo-display-zone{width:auto;height:120px!important;margin:0 auto 1rem}.brand-logo-image{height:80px!important}.brand-title-text{font-size:1.5rem;letter-spacing:2px;margin:1rem 0 .4rem}.primary-tagline{font-size:1rem}.hub-pills-container{gap:.75rem}.hub-pill{padding:.5rem 1rem;font-size:.9rem}.pill-icon{font-size:1rem}.profile-name{display:none}.profile-pill{padding:.5rem .75rem}}@media (max-width:480px){.hub-header{padding:3rem .5rem 1rem}.back-to-hub-link{font-size:.7rem;padding:.2rem .5rem}.logo-display-zone{width:auto;margin:0 auto 1rem}.brand-logo-image,.logo-display-zone{height:120px!important}.brand-title-text{font-size:1.2rem;letter-spacing:1px;margin:1rem 0 .3rem}.primary-tagline{font-size:.85rem;margin:.3rem 0 1.2rem}.hub-pills-container{flex-direction:column;width:100%;max-width:300px;gap:.75rem}.hub-pill{width:100%;justify-content:center;padding:.7rem 1rem}.profile-name{display:inline}.profile-pill{padding:.6rem 1rem}}@media (prefers-reduced-motion:reduce){.brand-logo-image{animation:none}.back-to-hub-link:hover,.buy-credits-pill:hover,.favorites-pill:hover,.signin-pill:hover{transform:none}}