
.ucf-wrap{
  --ucf-orange:#ffa800;
  --ucf-text:#5f6267;
  --ucf-border:#aaa;
  width:min(100%,760px);
  margin:24px auto;
  background:#fff;
  box-shadow:0 10px 35px rgba(0,0,0,.10);
  font-family:Arial,Helvetica,sans-serif;
  overflow:visible;
  animation:ucfFade .55s ease both;
}
.ucf-ribbon{
  position:relative;
  background:var(--ucf-orange);
  color:#fff;
  padding:24px 48px;
  margin-left:-28px;
  margin-right:30px;
  z-index:2;
  animation:ucfSlide .65s ease both;
}
.ucf-ribbon:after{
  content:"";
  position:absolute;
  right:-48px;
  top:0;
  border-top:59px solid transparent;
  border-bottom:59px solid transparent;
  border-left:48px solid var(--ucf-orange);
}
.ucf-ribbon:before{
  content:"";
  position:absolute;
  left:0;
  bottom:-30px;
  border-top:30px solid #bd3f0f;
  border-left:28px solid transparent;
  z-index:-1;
}
.ucf-ribbon-title{font-size:27px;font-weight:800;line-height:1.15}
.ucf-ribbon-sub{font-size:19px;margin-top:7px}
.ucf-form{padding:36px 44px 28px}
.ucf-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.ucf-field{
  min-height:69px;
  display:flex;
  align-items:center;
  border:1px solid var(--ucf-border);
  border-radius:8px;
  background:#fff;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  position:relative;
}
.ucf-field:focus-within{
  border-color:#222;
  box-shadow:0 0 0 3px rgba(0,0,0,.06);
  transform:translateY(-1px);
}
.ucf-icon{
  width:62px;
  flex:0 0 62px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:29px;
  color:#7d8082;
  line-height:1;
}
.ucf-field input,.ucf-field select,.ucf-field textarea{
  width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#34363a;
  font:inherit;
  font-size:20px;
  padding:17px 16px 17px 0!important;
  margin:0!important;
}
.ucf-field input::placeholder,.ucf-field textarea::placeholder{color:var(--ucf-text);opacity:1}
.ucf-field select{color:var(--ucf-text);cursor:pointer}
.ucf-full{margin-top:30px}
.ucf-textarea{align-items:flex-start;min-height:187px}
.ucf-textarea .ucf-icon{padding-top:25px}
.ucf-field textarea{resize:vertical;min-height:180px;padding-top:25px!important}
.ucf-phone-field{gap:0}
.ucf-us-flag{font-size:20px;margin-left:14px;line-height:1}
.ucf-prefix{
  margin:0 10px 0 6px;
  font-size:19px;
  font-weight:600;
  color:#3f4246;
  white-space:nowrap;
}
.ucf-phone-field input{padding-left:0!important}
.ucf-submit{
  width:100%;
  min-height:72px;
  margin-top:14px;
  border:0;
  border-radius:40px;
  background:#000;
  color:#fff;
  font-size:27px;
  font-weight:800;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,opacity .2s ease;
}
.ucf-submit:hover{transform:translateY(-2px)}
.ucf-submit:active{transform:translateY(0)}
.ucf-submit:disabled{opacity:.65;cursor:not-allowed}
.ucf-submit:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.20) 45%,transparent 65%);
  transform:translateX(-120%);
  transition:transform .65s ease;
}
.ucf-submit:hover:before{transform:translateX(120%)}
.ucf-loader{
  display:none;
  width:20px;height:20px;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  border-radius:50%;
  margin-left:12px;
  vertical-align:-3px;
  animation:ucfSpin .7s linear infinite;
}
.ucf-submit.ucf-loading .ucf-loader{display:inline-block}
.ucf-response{
  min-height:24px;
  margin-top:14px;
  text-align:center;
  font-weight:600;
  font-size:15px;
}
.ucf-response.success{color:#187a37}
.ucf-response.error{color:#b42318}
.ucf-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}

@keyframes ucfFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ucfSlide{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:none}}
@keyframes ucfSpin{to{transform:rotate(360deg)}}

@media(max-width:700px){
  .ucf-wrap{margin:12px auto;box-shadow:0 6px 24px rgba(0,0,0,.08)}
  .ucf-ribbon{margin:0;padding:20px 22px}
  .ucf-ribbon:before{display:none}
  .ucf-ribbon:after{display:none}
  .ucf-ribbon-title{font-size:23px}
  .ucf-ribbon-sub{font-size:16px}
  .ucf-form{padding:24px 18px}
  .ucf-grid{grid-template-columns:1fr;gap:16px}
  .ucf-full{margin-top:16px}
  .ucf-field{min-height:62px}
  .ucf-field input,.ucf-field select,.ucf-field textarea{font-size:17px}
  .ucf-icon{width:52px;flex-basis:52px;font-size:24px}
  .ucf-submit{font-size:21px;min-height:62px}
}
@media(max-width:380px){
  .ucf-ribbon-title{font-size:20px}
  .ucf-ribbon-sub{font-size:14px}
  .ucf-form{padding:20px 12px}
  .ucf-prefix{margin-right:6px}
  .ucf-us-flag{margin-left:10px}
}
@media(prefers-reduced-motion:reduce){
  .ucf-wrap,.ucf-ribbon,.ucf-loader{animation:none}
  .ucf-field,.ucf-submit,.ucf-submit:before{transition:none}
}
