.particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-particles);pointer-events:none}.hub{position:relative;z-index:var(--z-content);min-height:100vh}.hub-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-24) var(--space-6) var(--space-16);min-height:55vh}.hub-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);background:#00d2ff14;border:1px solid rgba(0,210,255,.2);margin-bottom:var(--space-8);opacity:1;animation:fadeInUp .8s var(--ease-out-expo) .2s both}.hub-badge .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:pulse-dot 2s ease-in-out infinite}.hub-title{font-size:var(--text-hero);font-weight:900;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6);opacity:1;animation:fadeInUp .8s var(--ease-out-expo) .4s both}.hub-title .domain{display:block;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hub-subtitle{font-size:clamp(var(--text-lg),2.5vw,var(--text-xl));color:var(--color-text-muted);max-width:580px;line-height:var(--leading-relaxed);margin-bottom:var(--space-10);opacity:1;animation:fadeInUp .8s var(--ease-out-expo) .6s both}.hub-search-wrap{width:100%;max-width:520px;opacity:1;animation:fadeInUp .8s var(--ease-out-expo) .8s both}.hub-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out-expo)}.hub-search:focus-within{border-color:#667eea66;box-shadow:var(--shadow-glow)}.hub-search svg{width:20px;height:20px;color:var(--color-text-subtle);flex-shrink:0}.hub-search input{flex:1;font-size:var(--text-base);color:var(--color-text)}.hub-search input::placeholder{color:var(--color-text-subtle)}.hub-section{padding:0 var(--space-6) var(--space-24)}.hub-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.hub-section-title{font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-subtle)}.hub-app-count{font-size:var(--text-sm);color:var(--color-text-subtle);font-family:var(--font-mono)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);max-width:1200px;margin:0 auto}.app-card{position:relative;border-radius:var(--radius-xl);padding:var(--space-8);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);transform:perspective(800px) rotateX(0) rotateY(0);transform-style:preserve-3d;opacity:1;animation:fadeInUp .6s var(--ease-out-expo) both}.app-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 30%,var(--card-accent, var(--color-primary)) 100%);-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo)}.app-card:hover:before{opacity:1}.app-card:hover{background:var(--color-bg-card-hover);box-shadow:var(--shadow-lg),0 0 40px #667eea14;transform:perspective(800px) translateY(-4px)}.app-card-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:var(--space-5);background:var(--card-icon-bg, rgba(102, 126, 234, .12));box-shadow:0 0 20px var(--card-icon-glow, rgba(102, 126, 234, .1))}.app-card-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}.app-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.app-card-footer{display:flex;align-items:center;justify-content:space-between}.app-card-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.app-card-tag{font-size:var(--text-xs);font-family:var(--font-mono);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#ffffff0a;color:var(--color-text-subtle);border:1px solid rgba(255,255,255,.06)}.app-card-status{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.app-card-status.live{color:#4ade80}.app-card-status.coming-soon{color:var(--color-text-subtle)}.app-card-arrow{position:absolute;top:var(--space-8);right:var(--space-8);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--color-text-subtle);transition:all var(--duration-normal) var(--ease-out-expo)}.app-card:hover .app-card-arrow{background:var(--card-accent, var(--color-primary));color:#fff;transform:translate(2px)}.hub-no-results{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-subtle)}.hub-no-results p{font-size:var(--text-lg);margin-bottom:var(--space-2)}.hub-no-results span{font-size:var(--text-sm)}.hub-footer{text-align:center;padding:var(--space-12) var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--text-sm)}.hub-footer a{color:var(--color-primary);transition:color var(--duration-fast)}.hub-footer a:hover{color:var(--color-accent)}@keyframes fadeInUp{0%{opacity:.01;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){.hub-hero{padding:var(--space-16) var(--space-4) var(--space-12);min-height:45vh}.apps-grid{grid-template-columns:1fr;gap:var(--space-4)}.app-card{padding:var(--space-6)}.hub-section{padding:0 var(--space-4) var(--space-16)}}@media(max-width:480px){.hub-search-wrap{max-width:100%}.hub-hero{padding-top:var(--space-12)}}