/* HN Multiverrse Jobs - 3D animated social icons (footer) */
.hn-soc{margin-top:18px}
.hn-soc-label{display:block;font:600 11px/1 Poppins,Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#6e6b82;margin-bottom:12px}
.hn-soc-row{display:flex;flex-wrap:wrap;gap:10px;perspective:700px}
.site-footer .hn-soc a{--c1:#888;--c2:#555;--d:#333;position:relative;display:block!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:transparent!important;line-height:0;border-radius:14px;transform-style:preserve-3d;text-decoration:none;
  animation:hnSocFloat 3.6s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.55s);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.site-footer .hn-soc a::before{content:"";position:absolute;inset:0;border-radius:14px;background:var(--d);transform:translateZ(-9px) translateY(4px);filter:blur(.3px);box-shadow:0 14px 18px rgba(30,20,60,.28)}
.site-footer .hn-soc a::after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;
  transform:translateZ(1px);animation:hnSocShine 4.8s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.8s);pointer-events:none}
.site-footer .hn-soc a i{position:absolute;inset:0;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--c2));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.18);transform:translateZ(0)}
.site-footer .hn-soc a svg{width:24px;height:24px;fill:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28));transform:translateZ(6px)}
.site-footer .hn-soc a:hover,.site-footer .hn-soc a:focus-visible{animation-play-state:paused;transform:translateY(-8px) rotateX(14deg) rotateY(-18deg) scale(1.12);outline:none}
.site-footer .hn-soc a:hover svg{animation:hnSocPop .6s ease}
.site-footer .hn-soc .s-ig{--c1:#feda75;--c2:#d62976;--d:#6b1d9c}
.site-footer .hn-soc .s-ig i{background:linear-gradient(145deg,#fdc468 0%,#f56040 35%,#d62976 65%,#4f5bd5 100%)}
.site-footer .hn-soc .s-fb{--c1:#4c8bf5;--c2:#1456c7;--d:#0b2f78}
.site-footer .hn-soc .s-in{--c1:#2f9be0;--c2:#0a66c2;--d:#063a73}
.site-footer .hn-soc .s-yt{--c1:#ff5a4d;--c2:#e00000;--d:#7a0000}
.site-footer .hn-soc .s-tg{--c1:#46c8f0;--c2:#1f9bd8;--d:#0c5a80}
.site-footer .hn-soc .s-wa{--c1:#4be07f;--c2:#13b34f;--d:#096b30}
@keyframes hnSocFloat{0%,100%{transform:translateY(0) rotateX(0) rotateY(-8deg)}25%{transform:translateY(-5px) rotateX(6deg) rotateY(8deg)}50%{transform:translateY(-8px) rotateX(0) rotateY(14deg)}75%{transform:translateY(-4px) rotateX(-6deg) rotateY(0)}}
@keyframes hnSocShine{0%,60%{background-position:150% 0}85%,100%{background-position:-50% 0}}
@keyframes hnSocPop{0%{transform:translateZ(6px) scale(1)}40%{transform:translateZ(14px) scale(1.25) rotate(-8deg)}100%{transform:translateZ(6px) scale(1)}}
@media(max-width:600px){.site-footer .hn-soc a{width:40px!important;height:40px!important}.hn-soc-row{gap:10px}}
@media(prefers-reduced-motion:reduce){.site-footer .hn-soc a,.site-footer .hn-soc a::after,.site-footer .hn-soc a:hover svg{animation:none!important}}