.hub-hero{text-align:center;color:#1a1a1a;background:#f5f5f5!important;padding:clamp(64px,10vw,100px) clamp(20px,5vw,60px)!important}.hub-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;color:#1a1a1a!important;font-size:clamp(36px,5vw,56px)!important;font-weight:600!important}.hub-hero h1 span{color:#cc5b3f!important;-webkit-text-fill-color:#cc5b3f!important;background:0 0!important}.hub-hero p{font-family:var(--font-dm-sans);max-width:600px;margin:0 auto;line-height:1.7;color:#999!important;font-size:18px!important}.hub-hero-label{font-family:var(--font-dm-sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-weight:500;color:#cc5b3f!important;font-size:12px!important}.hub-search{align-items:center;gap:10px;display:flex;background:#f5f5f5!important;border-bottom:1px solid #0000000f!important;padding:20px clamp(20px,5vw,60px)!important}.hub-search input{font-family:var(--font-dm-sans);flex:1;min-width:0;padding:10px 16px;font-size:14px;color:#1a1a1a!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:10px!important}.hub-search input::placeholder{color:#555!important}.hub-search button{font-family:var(--font-dm-sans);cursor:pointer;flex-shrink:0;padding:10px 20px;font-weight:500;color:#fff!important;background:#cc5b3f!important;border:none!important;border-radius:10px!important}.hub-filters{flex-wrap:wrap;gap:8px;display:flex;background:#f5f5f5!important;border-bottom:1px solid #0000000f!important;padding:12px clamp(20px,5vw,60px)!important}.hub-filter-btn{font-family:var(--font-dm-sans);font-size:13px;color:#999!important;background:0 0!important;border:1px solid #0000000f!important;border-radius:8px!important;padding:6px 12px!important}.hub-filter-btn.active,.hub-filter-btn:hover{color:#fff!important;background:#cc5b3f!important;border-color:#cc5b3f!important}.article-card{transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 2px 8px #0000000a;color:#1a1a1a!important;background:#fff!important;border:1px solid #00000014!important;border-top:3px solid #cc5b3f!important;border-radius:16px!important;padding:24px!important}.article-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014;border-color:#a84832 #cc5b3f66 #cc5b3f66!important}.article-card h3{font-family:var(--font-display);color:#1a1a1a!important;margin-bottom:8px!important;font-size:17px!important;font-weight:600!important}.article-card p{font-family:var(--font-dm-sans);color:#999!important;font-size:14px!important;line-height:1.6!important}.hub-category{background:#f5f5f5!important;padding:clamp(32px,5vw,48px) clamp(20px,5vw,60px)!important}.hub-category h2{font-family:var(--font-display);color:#1a1a1a!important}.article-card .tag,.article-tag{color:#cc5b3f!important;background:#cc5b3f0f!important;border-color:#cc5b3f33!important}.hub-body{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,60px)}.hub-category-title{font-family:var(--font-display);color:#1a1a1a;margin:0 0 20px;font-size:clamp(22px,3vw,28px);font-weight:400}.article-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.article-card-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.article-card-time{font-family:var(--font-dm-sans);color:#999;font-size:12px}.article-card-link{font-family:var(--font-dm-sans);color:#cc5b3f;margin-top:12px;font-size:14px;font-weight:500;transition:color .15s;display:inline-block}.article-card-link:hover{color:#a84832}.cat-badge{font-family:var(--font-dm-sans);letter-spacing:.02em;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.cat-badge.ai{color:#2563eb;background:#2563eb14}.cat-badge.analysis{color:#4f46e5;background:#4f46e514}.cat-badge.auto{color:#1d4ed8;background:#1d4ed814}.cat-badge.web{color:#059669;background:#05966914}.cat-badge.security{color:#dc2626;background:#dc262614}.cat-badge.comparison{color:#0ea5e9;background:#0ea5e914}.btn-primary{font-family:var(--font-dm-sans);background:#cc5b3f;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-block;color:#fff!important}.btn-primary:hover{background:#a84832}.btn-ghost{font-family:var(--font-dm-sans);background:0 0;border:1.5px solid #d1cfc9;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-block;color:#1a1a1a!important}.btn-ghost:hover{background:#f7eae7;border-color:#cc5b3f}.article-card a,.article-card .read-link{color:#cc5b3f!important}@media (max-width:600px){.article-grid{grid-template-columns:1fr!important}.hub-filters{flex-wrap:wrap}}