* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
  }

  body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-color: #ffffff;
      color: #333333;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      text-align: center;
      line-height: 1.6;
  }

  .container {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 20px;
      width: 100%;
      max-width: 600px;
  }

  h1 {
      font-size: 3rem;
      font-weight: 700;
      margin-bottom: 20px;
      color: #004aad;
      letter-spacing: -1px;
  }

  .subtitle {
      font-size: 1.2rem;
      color: #555;
      margin-bottom: 40px;
      max-width: 480px;
  }

  .newsletter-form {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 15px;
      margin-bottom: 20px;
  }

  input[type="email"] {
      padding: 15px;
      font-size: 1rem;
      border: 2px solid #e1e1e1;
      border-radius: 8px;
      outline: none;
      transition: border-color 0.3s;
  }

  input[type="email"]:focus {
      border-color: #004aad;
  }

  button {
      padding: 15px 30px;
      font-size: 1rem;
      font-weight: 600;
      background-color: #004aad;
      color: white;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: background-color 0.3s, transform 0.1s;
  }

  button:hover {
      background-color: #003380;
  }

  button:active {
      transform: scale(0.98);
  }

  .info-text {
      font-size: 0.9rem;
      color: #777;
  }

  footer {
      padding: 20px;
      font-size: 0.85rem;
      color: #999;
      width: 100%;
  }

  @media (min-width: 600px) {
      .newsletter-form {
          flex-direction: row;
      }

      input[type="email"] {
          flex: 1;
      }

      button {
          width: auto;
      }
  }

  @media (max-width: 480px) {
      h1 {
          font-size: 2.2rem;
      }

      .subtitle {
          font-size: 1.1rem;
      }
  }