.social-hub{color:#fff;margin-top:24px}.social-hub h2{margin-bottom:16px}.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.social-cards{grid-template-columns:1fr}}.social-card{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:14px}.social-card .card-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.social-card .card-head .icon{width:40px;height:40px;border-radius:50%;border:2px solid var(--brand,#f1c84b);display:inline-flex;align-items:center;justify-content:center;color:var(--brand,#f1c84b);background:rgba(241,200,75,.06)}.social-card .card-head .titles .name{font-weight:700;line-height:1}.social-card .card-head .titles .handle{color:#bbb;font-size:14px;text-decoration:none}.social-card .card-head .titles .handle:hover{color:#fff}.social-card .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.social-card .thumbs .thumb{display:block;border-radius:10px;overflow:hidden;aspect-ratio:1/1;background:#222}.social-card .thumbs .thumb img{width:100%;height:100%;object-fit:cover;display:block}.social-card .thumbs .thumb:hover{opacity:.9}.social-card .actions{display:flex;gap:10px;justify-content:flex-end}.social-card .actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;font-weight:700;text-decoration:none;cursor:pointer;min-width:120px}.social-card .actions .btn.primary{background:var(--brand,#f1c84b);color:#000;border:2px solid var(--brand,#f1c84b)}.social-card .actions .btn.primary:hover{filter:brightness(.95)}.social-card .actions .btn.ghost{background:transparent;color:#fff;border:2px solid hsla(0,0%,100%,.15)}.social-card .actions .btn.ghost:hover{background:hsla(0,0%,100%,.06)}.social-card.facebook,.social-card.instagram{--brand:#f1c84b}