@keyframes formatHubFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.format-hub{animation:formatHubFadeIn .5s ease-out}.format-hub__intro{max-width:680px;margin:0;font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--ink-3)}.format-hub__group{margin-bottom:var(--space-12)}.format-hub__group:last-of-type{margin-bottom:0}.format-hub__group-title{font-family:var(--font-sans);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--ink);margin-bottom:var(--space-6)}.format-hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.format-hub__card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--fill-muted);border:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-decoration:none;transition:var(--transition-fast)}.format-hub__card:hover{border-color:var(--glass-border-hover);transform:translateY(-4px)}.format-hub__card-title{font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--ink)}.format-hub__card-tagline{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--ink-3)}.format-hub__others{padding-top:var(--space-12);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.format-hub__others-link{padding:10px 24px;border-radius:var(--radius-sm);background:var(--fill-muted);border:1px solid var(--line);color:var(--brand);font-size:var(--fs-base);font-weight:var(--fw-bold);text-decoration:none;transition:var(--transition-fast)}.format-hub__others-link:hover{background:var(--surface-sunken);border-color:var(--brand);color:var(--brand)}@media(max-width:768px){.format-hub__grid{grid-template-columns:1fr}}