:root { font-family: "F37 Bolton", Helvetica, Arial, sans-serif; color: #101923; background: #f8f8f6 }
* { box-sizing: border-box }
body { margin: 0; min-width: 0; min-height: 100svh }
[hidden] { display: none !important }
.form-shell { width: min(100% - 40px, 760px); margin-inline: auto }
.form-header { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #535953; font-size: 13px }
.form-header img { display: block; width: 150px; height: auto }
.form-progress { display: flex; align-items: center; gap: 16px; color: #545c54; font-size: 13px; white-space: nowrap }
progress { display: block; width: 100%; height: 2px; appearance: none; border: 0; background: #ebe3dd }
progress::-webkit-progress-bar { background: #ebe3dd }
progress::-webkit-progress-value { background: var(--partner-orange) }
progress::-moz-progress-bar { background: var(--partner-orange) }
.form-card { margin: clamp(68px, 10vw, 142px) auto 60px; width: min(100%, 580px) }
.form-card h1 { margin: 0 0 32px; font-size: clamp(38px, 5.1vw, 61px); font-weight: 400; line-height: .99; letter-spacing: -.055em }
.form-card h1:focus { outline: none }
.form-card p, .form-consent { font-size: clamp(18px, 2.5vw, 22px); line-height: 1.48; color: #454e57 }
.form-card input:not([type=checkbox]) { width: 100%; padding: 15px 0; border: 0; border-bottom: 1px solid #9ea59d; background: transparent; color: #101923; font: inherit; font-size: 22px; border-radius: 0 }
.form-card input::placeholder { color: #676e66 }
.form-card input:focus-visible, .form-card a:focus-visible, .form-card button:focus-visible { outline: 2px solid var(--partner-orange-dark); outline-offset: 4px }
.form-consent { display: grid; grid-template-columns: 24px 1fr; align-items: start; gap: 14px; cursor: pointer }
.form-consent input { margin: .28em 0 0; width: 24px; height: 24px; accent-color: var(--partner-orange-dark) }
.form-privacy { display: inline-block; margin: 8px 0 0 38px; color: #454e57; text-underline-offset: 3px }
.form-actions { display: flex; align-items: center; gap: 16px; margin-top: 34px }
.form-actions button { cursor: pointer; font: inherit }
#previous, #edit { border: 0; padding: 10px 6px; color: #535c54; background: transparent }
.form-next.uic-glass-green { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 52px; padding: 9px 22px; color: var(--partner-orange-ink); text-decoration: none; line-height: 1.1; font: 500 16px/1.1 "F37 Bolton", Helvetica, Arial, sans-serif }
.form-next svg { flex: none }
@media (max-width: 390px) {
  .form-header img { width: 132px }
  .form-actions { gap: 8px }
  .form-next.uic-glass-green { gap: 8px; padding-inline: 16px }
}
