.hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:30px; }
.hub-card { display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; min-height:300px; transition:border-color .15s,box-shadow .15s; }
.hub-card:hover { border-color:#888888; box-shadow:0 4px 12px #00000008; }
.hub-icon { width:44px; height:44px; display:grid; place-items:center; background:#000000; color:white; border-radius:9px; margin-bottom:24px; }
.hub-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.hub-card h2 { font-size:23px; margin-bottom:12px; }
.hub-card p { color:var(--muted); margin-bottom:24px; }
.hub-action { margin-top:auto; padding-top:18px; border-top:1px solid var(--line); width:100%; font-size:14px; font-weight:650; }
@media (max-width:960px) { .hub-grid { grid-template-columns:1fr; gap:0; } .hub-card { min-height:260px; } }
@media (max-width:680px) { .hub-grid { margin-top:24px; } .hub-card { min-height:0; } .hub-card h2 { font-size:21px; } .hub-icon { margin-bottom:18px; } }