    transition: all 0.3s ease;
      padding: 8px 16px;
      border-radius: 8px;
      font-weight: 500;
    }
    
    .footer-social a:hover {
      color: #2563eb;
      background: rgba(37, 99, 235, 0.1);
      transform: translateY(-1px);
    }
    
    @media (max-width: 768px) {
      body {
        padding: 10px;
      }
      
      .header {
        padding: 40px 20px;
      }
      
      .header h1 {
        font-size: 2.5rem;
      }
      
      .content {
        padding: 20px;
      }
     