/* Estilos Globais */
    body {
      background: linear-gradient(to bottom, #2d2d2d, #1a1a1a);
      color: #ffffff;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      height: 100vh;
      font-family: 'Roboto', sans-serif;
    }

    /* Header */
    header {
      text-align: center;
      padding: 50px 20px;
      flex: 1;
      background-image: url('your-image.jpg'); /* Imagem de fundo */
      background-size: cover;
      background-position: center;
      color: white;
    }

    header img {
      max-width: 100px; /* Ajuste o tamanho da logo */
      width: 100%;
      height: auto;
      margin-bottom: 10px;
    }

    header p {
      font-size: 1.5rem;
      margin: 0;
    }

    .btn-custom {
      background-color: #ff7300;
      color: #ffffff;
      font-weight: bold;
      padding: 12px 30px;
      border-radius: 30px;
      transition: transform 0.2s ease, background-color 0.2s ease;
    }

    .btn-custom:hover {
      background-color: #e66800;
      transform: scale(1.05);
    }

    /* Botões Sociais */
    .social-buttons a {
      font-size: 2rem;
      margin: 0 15px;
      color: #ff7300;
      transition: color 0.3s ease, transform 0.2s ease;
    }

    .social-buttons a:hover {
      color: #ffffff;
      transform: scale(1.2);
    }

    /* Responsividade */
    @media (max-width: 768px) {
      header {
        padding: 80px 20px; /* Menos padding em telas pequenas */
      }

      header p {
        font-size: 1.2rem; /* Tamanho do texto menor */
      }

      .btn-custom {
        padding: 10px 20px; /* Botão um pouco menor */
        font-size: 1rem; /* Tamanho de fonte ajustado */
      }

      .social-buttons a {
        font-size: 1.5rem; /* Ícones sociais menores */
      }
    }

    @media (max-width: 480px) {
      .social-buttons a {
        font-size: 1.3rem; /* Ícones sociais ainda menores em telas muito pequenas */
      }
    }

    /* Estilos para o Copyright */
    .copyright {
      background-color: #1a1a1a;
      color: #999999;
      font-size: 0.8rem;
      text-align: center;
      padding: 15px;
      position: absolute;
      bottom: 10px;
      width: 100%;
    }