.feedback-simple{
  min-height:calc(100vh - 290px);
  padding:52px 24px 72px;
  background:#fff;
  color:#1f2329;
}

.feedback-simple-inner{
  width:min(680px,100%);
  margin:0 auto;
}


/* Header */

.feedback-simple-head{
  margin-bottom:34px;
}

.feedback-simple-kicker{
  display:none;
}

.feedback-simple-head h1{
  margin:0 0 12px;
  color:#1f2329;
  font-size:32px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.02em;
}

.feedback-simple-head p{
  max-width:620px;
  margin:0;
  color:#6b7280;
  font-size:15px;
  line-height:1.75;
}


/* Form */

.feedback-simple-form{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.feedback-simple-field{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.feedback-simple-field > span{
  color:#30343b;
  font-size:14px;
  line-height:1.5;
  font-weight:600;
}

.feedback-simple-field em{
  margin-left:3px;
  color:#e5484d;
  font-style:normal;
}

.feedback-simple-field input,
.feedback-simple-field textarea{
  box-sizing:border-box;
  width:100%;
  border:1px solid #d9dde4;
  border-radius:10px;
  outline:none;
  background:#fff;
  color:#20242b;
  font:14px/1.7 -apple-system,BlinkMacSystemFont,
       "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  transition:
    border-color .16s ease,
    box-shadow .16s ease,
    background-color .16s ease;
}

.feedback-simple-field input{
  height:48px;
  padding:0 14px;
}

.feedback-simple-field textarea{
  min-height:205px;
  padding:14px;
  resize:vertical;
}

.feedback-simple-field input:hover,
.feedback-simple-field textarea:hover{
  border-color:#c5cad3;
}

.feedback-simple-field input:focus,
.feedback-simple-field textarea:focus{
  border-color:#4f6ef7;
  box-shadow:0 0 0 3px rgba(79,110,247,.10);
}

.feedback-simple-field input::placeholder,
.feedback-simple-field textarea::placeholder{
  color:#a3a8b1;
}

.feedback-simple-field small{
  margin-top:-1px;
  color:#9297a1;
  font-size:12px;
  line-height:1.6;
}


/* Submit */

.feedback-simple-submit{
  width:100%;
  height:48px;
  margin-top:2px;
  border:0;
  border-radius:10px;
  background:#4f6ef7;
  color:#fff;
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(31,35,41,.08);
  transition:
    background .16s ease,
    transform .12s ease,
    box-shadow .16s ease;
}

.feedback-simple-submit:hover{
  background:#405ee8;
  box-shadow:0 4px 12px rgba(79,110,247,.18);
}

.feedback-simple-submit:active{
  transform:translateY(1px);
  box-shadow:0 1px 3px rgba(79,110,247,.14);
}


/* Bottom note */

.feedback-simple-note{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid #eef0f3;
}

.feedback-simple-note p{
  margin:0;
  color:#969ba4;
  font-size:12px;
  line-height:1.75;
}

.feedback-simple-note span{
  display:none;
}


/* Error */

.feedback-v2-error{
  margin-bottom:22px;
  padding:12px 14px;
  border:1px solid #f4c7c7;
  border-radius:9px;
  background:#fff7f7;
  color:#c13b3f;
  font-size:13px;
  line-height:1.6;
}


/* Success */

.feedback-simple-success{
  padding:72px 0 84px;
  text-align:center;
}

.feedback-success-mark{
  display:flex;
  width:50px;
  height:50px;
  margin:0 auto 18px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eef8f1;
  color:#2d8a4e;
  font-size:22px;
  font-weight:700;
}

.feedback-simple-success h2{
  margin:0 0 10px;
  color:#22262d;
  font-size:24px;
  line-height:1.4;
  font-weight:700;
}

.feedback-simple-success p{
  max-width:480px;
  margin:0 auto 24px;
  color:#777d87;
  font-size:14px;
  line-height:1.75;
}

.feedback-simple-success a{
  display:inline-flex;
  height:42px;
  padding:0 20px;
  align-items:center;
  justify-content:center;
  border:1px solid #d9dde4;
  border-radius:9px;
  background:#fff;
  color:#30343b;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:border-color .15s ease,background .15s ease;
}

.feedback-simple-success a:hover{
  border-color:#c5cad3;
  background:#f8f9fb;
}


/* Honeypot */

.feedback-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}


/* Mobile */

@media(max-width:720px){

  .feedback-simple{
    min-height:calc(100vh - 220px);
    padding:32px 18px 52px;
  }

  .feedback-simple-head{
    margin-bottom:28px;
  }

  .feedback-simple-head h1{
    font-size:28px;
  }

  .feedback-simple-head p{
    font-size:14px;
    line-height:1.7;
  }

  .feedback-simple-form{
    gap:21px;
  }

  .feedback-simple-field textarea{
    min-height:180px;
  }

  .feedback-simple-submit{
    height:48px;
  }

  .feedback-simple-note{
    margin-top:24px;
  }

  .feedback-simple-success{
    padding:52px 0 62px;
  }
}