     .social-icons a {
        width: 40px;
        height: 40px;
        border-radius: var(--radius-sm);
        background: var(--glass-bg);
        border: 1px solid var(--glass-border);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: var(--transition-smooth);
      }

      .social-icons a:hover {
        background: var(--accent-primary);
        color: white;
        transform: translateY(-2px);
        box-shadow: var(--shadow-glow);
      }

