.social-link { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; transition: background .2s, transform .2s; }
.social-link svg { width: 22px; height: 22px; fill: currentColor; }
.social-link svg.social-outline { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.social-link:hover { background: #8ed9ff22; transform: translateY(-3px); }
.social-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.hero-links { gap: 12px; }
.footer-social-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 0 20px; }
.footer-grid .footer-social-links a { display: inline-flex; margin: 0; }
.footer-grid p, .footer-description { font-size: 16px; font-weight: 100; color: #a7adb8; margin-left: 20px; line-height: 1.4; }
.footer-description p { margin-left: 0; }
@media (max-width: 767px) {
  .hero-links { gap: 3px; }
  .hero-links .social-link { width: 29px; height: 36px; }
  .hero-links .social-link svg { width: 20px; height: 20px; }
}
@media (prefers-reduced-motion: reduce) { .social-link { transition: none; } }