body {
      font-family: Poppins, sans-serif;
      background: linear-gradient(to bottom, #fff, #ffeaea);
      display: flex;
      justify-content: center;
      align-items: flex-start; /* alinha no topo */
      min-height: 100dvh;
      margin: 0;
      padding: 50px 20px;
    }
    form {
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      box-shadow: 0 3px 10px rgba(0,0,0,0.15);
      width: 100%;
      max-width: 380px;
      text-align: center;
    }
    .titulo {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
      padding: 0 30px;
    }
    .titulo img {
      width: 90px;
    }
    .titulo span {
      font-weight: 600;
      font-size: 18px;
      color: #a01f16;
    }
    input {
      width: 100%;
      padding: 10px;
      margin-bottom: 12px;
      border-radius: 6px;
      border: 1px solid #ccc;
      font-size: 14px;
      box-sizing: border-box;
    }
    button {
      width: 100%;
      padding: 10px;
      background: linear-gradient(to bottom, #C03227, #EC2C1A);
      border: none;
      color: #fff;
      border-radius: 6px;
      font-weight: 600;
      font-size: 15px;
      cursor: pointer;
    }
    button:hover { opacity: 0.9; }
    @media (max-width: 480px) {
      form { padding: 20px; max-width: 100%; }
      .titulo span { font-size: 16px; }
      .titulo img { height: 35px; }
    }