/* Белая карточка с тенью */
.sg-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  padding: 22px 20px;
}

/* Заголовок */
.sg-title {
  text-align: center;
  margin: 0 0 18px 0;
  font-size: 32px;
  font-weight: 600;
  color: #1f2a44; /* близко к примеру */
}

/* Форма — три поля в линию */
.sg-subscribe-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1.3fr; /* Име | Фамилия | Email */
  gap: 14px;
}

.sg-field {
  display: flex;
  flex-direction: column;
}

/* Скрываем подписи визуально, оставляем для a11y */
.sg-label {
  position: absolute;
  left: -9999px;
}

.sg-subscribe-form input[type="text"],
.sg-subscribe-form input[type="email"] {
  width: 100%;
  padding: 12px 14px;
  border: none;
  background: #f3f6f8;          /* светло-серый как на скрине */
  border-radius: 8px;
  font-family: 'Montserrat';
  font-size: 15px;
  line-height: 1.2;
  outline: none;
}
.sg-subscribe-form input:focus {
  border-color: #cbd5e1;
}

/* Кнопка и сообщения под карточкой по центру */
.sg-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
}

.sg-btn {
  padding: 12px 22px;
  border: none;
  border-radius: 30px;       /* требуемый радиус */
  background: #3f714c;       /* требуемый цвет */
  color: #fff;
  font-weight: 400;
  font-family: 'montserrat';
  font-size: 16px;
  cursor: pointer;
  text-transform: capitalize;
  box-shadow: 0 4px 10px rgba(63,113,76,.25);
}
.sg-btn:hover { 
    opacity: .94; 
    background: #294d32;
}
.sg-btn:active { opacity: .88; }

/* Сообщения */
.sg-subscribe-msg { font-size: 14px; }
.sg-subscribe-msg.sg-ok { color: #2c7a3f; }
.sg-subscribe-msg.sg-error { color: #b00020; }

/* Адаптив */
@media (max-width: 780px) {
  .sg-subscribe-form {
    grid-template-columns: 1fr; /* складываем в колонку */
  }
  .sg-actions {
    flex-direction: column;
  }
  .sg-btn { width: 100%; }
}