.unete-section {
  --orange: #ff8500;
  position: relative;
  overflow: hidden;
  margin-top: 200px;
  min-height: 865px;
  padding: 112px 24px 120px;
  color: #fff;
  text-align: center;
  background: linear-gradient(112deg, #ffc664 0%, #ffac37 34%, var(--orange) 100%);
}

.unete-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }
.unete-section .eyebrow { margin: 3px 0 18px; color: #fff; font-size: 17px; font-weight: 700; letter-spacing: .14em; }
.unete-section h2 { margin: 0; color: #fff; font-size: clamp(42px, 3vw, 60px); line-height: 1.1; font-weight: 800; }
.unete-outline { margin: 22px 0 36px; color: transparent; font-family: "DM Sans", sans-serif; font-size: clamp(72px, 8.2vw, 158px); font-weight: 400; line-height: .93; letter-spacing: .16em; -webkit-text-stroke: 3px rgba(255,255,255,.95); }
.unete-copy { margin: 0 auto 58px; color: #fff; font-size: clamp(18px, 1.38vw, 27px); font-weight: 600; line-height: 1.45; }
.unete-form { width: min(100%, 668px); margin: 0 auto; display: grid; gap: 26px; }
.unete-form input { box-sizing: border-box; width: 100%; height: 69px; border: 0; border-radius: 999px; padding: 0 35px; color: #252525; background: #fff; font: 600 16px "DM Sans", sans-serif; letter-spacing: .12em; outline: none; }
.unete-form input::placeholder { color: #8d8d8d; opacity: 1; }
.unete-name-row { position: relative; }
.unete-name-row input { padding-right: 200px; }
.unete-form button { position: absolute; top: 8px; right: 11px; height: 53px; border: 0; padding: 0 0 0 20px; color: #111; background: transparent; cursor: pointer; font: 800 16px "DM Sans", sans-serif; letter-spacing: .08em; }
.unete-form button b { display: inline-grid; width: 43px; height: 43px; margin-left: 13px; border-radius: 13px; place-items: center; color: #fff; background: #6e20c3; font-size: 34px; font-weight: 400; line-height: 1; vertical-align: middle; }
.unete-dots { position: absolute; top: -30px; left: 9.3%; width: 165px; height: 205px; opacity: .98; background-image: radial-gradient(circle, #6e20c3 0 8px, transparent 9px); background-size: 37px 41px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 700px) {
  .unete-section { min-height: 0; padding: 78px 20px 82px; }
  .unete-section .eyebrow { font-size: 13px; }
  .unete-outline { margin: 18px 0 28px; font-size: clamp(58px, 15vw, 96px); -webkit-text-stroke-width: 2px; }
  .unete-copy { margin-bottom: 38px; font-size: 17px; }
  .unete-copy br { display: none; }
  .unete-form { gap: 16px; }
  .unete-form input { height: 60px; padding-left: 23px; font-size: 13px; }
  .unete-name-row input { padding-right: 128px; }
  .unete-form button { top: 6px; right: 7px; height: 48px; padding-left: 8px; font-size: 12px; }
  .unete-form button b { width: 37px; height: 37px; margin-left: 6px; border-radius: 11px; font-size: 28px; }
  .unete-dots { left: -28px; top: -15px; transform: scale(.72); transform-origin: top left; }
}