.tree-hub{display:flex;flex-direction:column;gap:var(--space-5);padding-block:var(--space-6) var(--space-10);animation:tree-hub-in .42s var(--ease-out) both}@keyframes tree-hub-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tree-hub__hero{padding:var(--space-6) var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(ellipse at top right,oklch(.62 .155 50 / .1),transparent 60%),linear-gradient(180deg,var(--surface-elevated),var(--surface-card));border:1px solid var(--border-strong);box-shadow:var(--shadow-md),var(--shadow-inset)}.tree-hub__title{font-family:var(--font-display);font-size:var(--text-4xl);margin:0 0 var(--space-2) 0;letter-spacing:var(--tracking-wide);background:linear-gradient(180deg,var(--text-primary) 0%,var(--accent-darkest) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}html[lang=th] .tree-hub__title{font-family:var(--font-thai);letter-spacing:var(--tracking-normal)}.tree-hub__subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0;max-width:56ch}.tree-hub__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);list-style:none;margin:0;padding:0}@media(min-width:920px){.tree-hub__grid{grid-template-columns:1fr 1fr}}.tree-hub__card{position:relative;isolation:isolate;animation:tree-hub-card-in .36s var(--ease-out) both;list-style:none}@keyframes tree-hub-card-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.tree-hub__card-inner{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);border-radius:var(--radius-lg);border:1px solid oklch(.62 .1 55 / .35);border-left:3px solid var(--accent);background:radial-gradient(120% 90% at 20% 0%,oklch(.92 .05 65 / .22),transparent 65%),linear-gradient(160deg,oklch(.96 .03 65 / .4),#f3d8c42e 70%);background-color:#f8ece08c;box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d;overflow:hidden;transition:transform var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),background-color var(--duration-default) var(--ease-out);will-change:transform;color:inherit}.tree-hub__card-inner:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,transparent 0%,oklch(1 0 0 / .1) 18%,transparent 22%,transparent 65%,oklch(1 0 0 / .05) 75%,transparent 80%);mix-blend-mode:overlay;opacity:.7;transition:opacity var(--duration-default) var(--ease-out);z-index:0}.tree-hub__card-inner>*:not(.tree-hub__rail):not(.tree-hub__shine){position:relative;z-index:2}.tree-hub__rail{position:absolute;top:0;left:36px;right:36px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 50%,transparent);opacity:.55;pointer-events:none;z-index:3;transition:opacity var(--duration-default) ease,left var(--duration-slow) var(--ease-out),right var(--duration-slow) var(--ease-out)}.tree-hub__shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,oklch(1 0 0 / .22) 50%,transparent 65%);transform:translate(-110%);transition:transform var(--duration-slower) cubic-bezier(.4,0,.2,1);z-index:1}a.tree-hub__card-inner:hover{transform:translateY(-4px);border-color:var(--accent-dim);background-color:#fdefe0c7;box-shadow:var(--shadow-lg),inset 0 1px #ffffff59}a.tree-hub__card-inner:hover:after{opacity:1}a.tree-hub__card-inner:hover .tree-hub__rail{opacity:1;left:0;right:0}a.tree-hub__card-inner:hover .tree-hub__shine{transform:translate(110%)}a.tree-hub__card-inner:hover .tree-hub__cta{transform:translate(4px)}.tree-hub__card-inner--disabled{border-left-color:#ab9c8b;opacity:.72;cursor:not-allowed}.tree-hub__card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.tree-hub__card-name{font-family:var(--font-display);font-size:var(--text-2xl);margin:0;letter-spacing:var(--tracking-tight);color:var(--text-primary)}html[lang=th] .tree-hub__card-name{font-family:var(--font-thai);letter-spacing:var(--tracking-normal);font-weight:700}.tree-hub__card-count{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--accent);font-weight:600}.tree-hub__card-desc{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}html[lang=th] .tree-hub__card-desc{font-family:var(--font-thai)}.tree-hub__card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-2);border-top:1px dashed oklch(.7 .05 65 / .4)}.tree-hub__tag{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);background:oklch(.94 .06 65 / .6);border:1px solid oklch(.62 .12 55 / .4);padding:2px 8px;border-radius:var(--radius-pill);font-weight:600}html[lang=th] .tree-hub__tag{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-normal)}.tree-hub__tag--soon{color:var(--text-tertiary);background:#f1e6da80;border-color:#c8b39c66}.tree-hub__cta{font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent);transition:transform var(--duration-default) var(--ease-out)}@media(prefers-reduced-motion:reduce){.tree-hub__card-inner,.tree-hub__rail,.tree-hub__shine,a.tree-hub__card-inner:hover{transition:none;transform:none}}