@keyframes formatHubFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.format-hub{animation:formatHubFadeIn .5s ease-out}.format-hub__hero{padding:var(--space-24) 0 var(--space-16);text-align:center}.format-hub__badge{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);color:var(--accent-soft);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-6)}.format-hub__title{font-family:var(--font-heading);font-size:clamp(32px,4.5vw,56px);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);color:var(--text-heading);margin:0 0 var(--space-6)}.format-hub__title span{color:var(--accent)}.format-hub__intro{max-width:680px;margin:0 auto;font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--text-secondary)}.format-hub__section{padding:0 0 var(--space-16)}.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-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-heading);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(--glass);border:1px solid var(--glass-border);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-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-heading)}.format-hub__card-tagline{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-secondary)}.format-hub__others{padding-top:var(--space-12);text-align:center}.format-hub__others-link{padding:10px 24px;border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--glass-border);color:var(--accent-soft);font-size:var(--fs-base);font-weight:var(--fw-bold);text-decoration:none;transition:var(--transition-fast)}.format-hub__others-link:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}@media(max-width:768px){.format-hub__hero{padding:var(--space-16) 0 var(--space-8)}.format-hub__grid{grid-template-columns:1fr}}