.hub-page{background:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;display:flex;position:relative}.hub-header{padding:var(--sp-6) var(--sp-10);gap:var(--sp-4);z-index:10;align-items:center;display:flex;position:absolute;top:0;right:0}.hub-hero{justify-content:center;align-items:center;gap:var(--sp-6);padding:var(--sp-12) var(--sp-10) var(--sp-10);background:radial-gradient(ellipse 80% 160% at 50% 90%, var(--hero-grad-center) 0%, var(--hero-grad-mid) 40%, var(--hero-grad-edge) 100%);flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.hub-starfield{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hub-hero-parallax,.hub-h1,.hub-sub,.hub-cards{z-index:1;position:relative}.hub-hero--visible .hub-hero-parallax,.hub-hero--visible .hub-h1,.hub-hero--visible .hub-sub{opacity:1;transform:translateY(0)}.hub-hero-parallax{opacity:0;transform:translateY(var(--sp-6));will-change:transform;transition:opacity 1.2s cubic-bezier(.23,1,.32,1),transform .5s}.hub-mark-svg{width:100px;height:100px;color:var(--accent);--mark-color:var(--accent)}.hub-h1{margin-top:calc(var(--sp-4) * -1);letter-spacing:-.03em;opacity:0;transform:translateY(var(--sp-5));background:linear-gradient(90deg, var(--hero-accent-1) 0%, var(--hero-accent-2) 50%, var(--hero-accent-1) 100%);color:#0000;-webkit-text-fill-color:transparent;background-position:200%;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:600;line-height:1.04;transition:opacity 1s cubic-bezier(.23,1,.32,1) .15s,transform 1s cubic-bezier(.23,1,.32,1) .15s;animation:8s linear infinite hubGradientMove}@keyframes hubGradientMove{0%{background-position:200%}to{background-position:0%}}.hub-sub{color:var(--ink-soft);text-align:center;opacity:0;max-width:620px;transform:translateY(var(--sp-4));margin-inline:auto;font-size:17px;line-height:1.65;transition:opacity .9s cubic-bezier(.23,1,.32,1) .35s,transform .9s cubic-bezier(.23,1,.32,1) .35s}.hub-cards{gap:var(--sp-5);max-width:800px;margin:var(--sp-8) auto 0;padding:0 var(--sp-10) var(--sp-12);grid-template-columns:repeat(2,1fr);justify-content:center;display:grid}.hub-card{background:var(--hero-card-bg);border:1px solid var(--hero-card-border);padding:var(--sp-7);gap:var(--sp-2_5);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 8px 32px #00000080}.hub-card:hover{background:var(--hero-card-bg-hover);border-color:var(--hero-card-border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0006}.hub-card-title{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.1}.hub-card-desc{color:var(--ink-soft);margin-top:2px;font-size:14.5px;line-height:1.6}@media (prefers-reduced-motion:reduce){.hub-hero-parallax,.hub-h1,.hub-sub{opacity:1;transition:none;transform:none!important}}@media (max-width:899px){.hub-header{padding:var(--sp-6) var(--sp-6)}.hub-hero{gap:var(--sp-5);padding:var(--sp-9) var(--sp-6) var(--sp-7)}.hub-mark-svg{width:72px;height:72px}.hub-h1{font-size:40px}.hub-cards{max-width:100%;padding:0 var(--sp-6) var(--sp-9)}}@media (max-width:719px){.hub-h1{font-size:38px}.hub-cards{max-width:480px;padding:0 var(--sp-5);grid-template-columns:1fr;margin:0 auto}}@media (max-width:479px){.hub-header{padding:var(--sp-5) var(--sp-5)}.hub-hero{padding:var(--sp-6) var(--sp-5) var(--sp-5)}.hub-h1{font-size:32px}.hub-mark-svg{width:56px;height:56px}.hub-cards{max-width:100%;padding:0}}