.socials-hero{position:relative;background:var(--ink);color:var(--paper);padding:130px 0 100px;overflow:hidden}.socials-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(180deg,black 50%,transparent);-webkit-mask-image:linear-gradient(180deg,black 50%,transparent);pointer-events:none}.socials-hero .orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 65%);right:-100px;top:-150px;pointer-events:none}.socials-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:-30px;padding:24px 32px;background:var(--paper);border:1px solid var(--paper-3);box-shadow:0 20px 40px -20px rgba(11,11,12,.1);position:relative;z-index:10;border-radius:12px;margin-bottom:50px}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:1px solid var(--paper-3);padding:8px 16px;border-radius:99px;cursor:pointer;color:var(--mute);transition:all .2s cubic-bezier(.16,1,.3,1)}.filter-btn:hover{border-color:var(--ink);color:var(--ink)}.filter-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.copy-badge-btn{display:inline-flex;align-items:center;gap:10px;background:var(--paper-2);border:1px solid var(--paper-3);padding:8px 18px;border-radius:99px;cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--ink);transition:all .2s cubic-bezier(.16,1,.3,1)}.copy-badge-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.socials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px;margin-bottom:90px}.social-card{background:var(--paper);border:1px solid var(--paper-3);border-radius:12px;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.social-card:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:0 30px 50px -25px rgba(11,11,12,.15)}.social-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:2}.social-card-icon{width:48px;height:48px;border-radius:12px;background:var(--paper-2);color:var(--ink);display:grid;place-items:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.social-card-icon img,.social-card-icon svg{width:22px;height:22px;object-fit:contain;transition:filter .3s cubic-bezier(.16,1,.3,1)}.social-card:hover .social-card-icon img{filter:invert(1)}.social-card-type{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute-2);border:1px solid var(--paper-3);padding:4px 10px;border-radius:4px}.social-card-body{position:relative;z-index:2;margin-bottom:24px;flex:1 1}.social-card-body h3{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin:0 0 4px}.social-card-handle{font-family:var(--font-mono);font-size:12px;color:var(--mute);margin-bottom:16px;display:block}.social-card-desc{font-size:14px;line-height:1.55;color:var(--mute);margin:0 0 20px}.social-card-preview{height:120px;background:var(--paper-2);border:1px solid var(--paper-3);border-radius:8px;overflow:hidden;position:relative;display:grid;place-items:center;margin-top:auto;transition:all .3s cubic-bezier(.16,1,.3,1)}.social-card:hover .social-card-preview{background:var(--paper-3);border-color:rgba(11,11,12,.15)}.social-card-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink);margin-top:24px;position:relative;z-index:2}.social-card-link:after{content:"→";font-family:var(--font-mono);transition:transform .2s ease}.social-card:hover .social-card-link:after{transform:translateX(4px)}.social-card:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:transparent;bottom:-100px;right:-100px;opacity:0;pointer-events:none;filter:blur(40px);transition:opacity .4s ease,background .4s ease;z-index:1}.social-card.instagram:hover:after{background:radial-gradient(circle,rgba(225,48,108,.18),transparent 70%);opacity:1}.social-card.tiktok:hover:after{background:radial-gradient(circle,rgba(0,242,234,.18),transparent 70%);opacity:1}.social-card.youtube:hover:after{background:radial-gradient(circle,rgba(255,0,0,.15),transparent 70%);opacity:1}.social-card.linkedin:hover:after{background:radial-gradient(circle,rgba(0,119,181,.15),transparent 70%);opacity:1}.social-card.twitter:hover:after{background:radial-gradient(circle,rgba(11,11,12,.12),transparent 70%);opacity:1}.social-card.threads:hover:after{background:radial-gradient(circle,rgba(0,0,0,.12),transparent 70%);opacity:1}.social-card.pinterest:hover:after{background:radial-gradient(circle,rgba(230,0,35,.15),transparent 70%);opacity:1}.social-card.reddit:hover:after{background:radial-gradient(circle,rgba(255,69,0,.15),transparent 70%);opacity:1}.social-card.facebook:hover:after{background:radial-gradient(circle,rgba(24,119,242,.15),transparent 70%);opacity:1}@media (max-width:1024px){.socials-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.socials-toolbar{flex-direction:column;align-items:flex-start;padding:20px}.socials-grid{grid-template-columns:1fr;gap:20px}}