.dh-app{
  --brand:#2A4A96;
  --brand-dk:#1E3873;
  --sky:#63ABCE;
  --sky-lt:#E7F2F8;
  --leaf:#81B13E;

  --ink:#16233A;
  --ink-2:#5E6B84;
  --line:#DDE3EE;
  --line-2:#EDF1F7;
  --field:#F4F6FA;
  --paper:#FFFFFF;

  --danger:#C0261C;
  --danger-lt:#FDF3F2;

  --r-ctl:6px;
  --r-blk:10px;
  --ring:0 0 0 3px rgba(99,171,206,.42);

  --font:'Archivo','Archivo Variable',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,ui-sans-serif,sans-serif;
  --gut:clamp(20px,4.2vw,56px);
}

.dh-app *{margin:0;padding:0;box-sizing:border-box}

.dh-app{
  font-family:var(--font);
  font-size:15.5px;
  line-height:1.6;
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-variant-numeric:tabular-nums;
  text-align:left;
}

.dh-app ::selection{background:var(--sky);color:#0B182E}
.dh-app :focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.dh-app .hdr{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  padding:0 var(--gut);
  margin-top:3px;
}
.dh-app .hdr-in{
  max-width:1180px;margin:0 auto;min-height:74px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.dh-app .hdr img,.dh-app .hdr-logo{height:36px;width:auto;display:block}
.dh-app .hdr-tag{
  font-size:11.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-2);text-align:right;
}

.dh-app .lg-wrap{
  flex:1;
  display:flex;align-items:center;
  padding:clamp(40px,8vw,88px) var(--gut);
}
.dh-app .lg-inner{
  max-width:460px;
  margin:0 auto;
  width:100%;
  display:flex;flex-direction:column;gap:26px;
}

.dh-app .lg-head{display:flex;flex-direction:column;gap:13px}
.dh-app .lg-title{
  font-size:clamp(2rem,5.2vw,3rem);
  font-weight:700;line-height:1.04;letter-spacing:-.033em;
  color:var(--brand);text-wrap:balance;
}
.dh-app .lg-title span{font-style:normal;font-weight:700;color:var(--sky-ink)}
.dh-app .lg-sub{font-size:16px;line-height:1.6;color:var(--ink-2)}

.dh-app .lg-err{
  background:var(--danger-lt);color:#8E1C14;
  border:1px solid #F3C9C5;border-radius:var(--r-ctl);
  padding:13px 16px;
  font-size:14px;line-height:1.55;
}

.dh-app .lg-form{display:flex;flex-direction:column;gap:20px}
.dh-app .lg-field{display:flex;flex-direction:column;gap:7px}
.dh-app .lg-label{
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);
}
.dh-app .lg-input{
  width:100%;
  font-family:inherit;font-size:17px;line-height:1.4;
  letter-spacing:.06em;
  color:var(--ink);
  background:var(--paper);
  border:1.5px solid var(--line);
  border-radius:var(--r-ctl);
  padding:14px 15px;
  caret-color:var(--brand);
  transition:border-color .14s linear,box-shadow .14s linear;
}
.dh-app .lg-input:hover{border-color:#C3CCDD}
.dh-app .lg-input:focus{outline:0;border-color:var(--brand);box-shadow:var(--ring)}

.dh-app .lg-footer{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:16px;
}
.dh-app .lg-hint{font-size:13px;line-height:1.5;color:var(--ink-2);flex:1 1 190px;min-width:0}
.dh-app .lg-cta{
  display:inline-flex;align-items:center;justify-content:center;
  border:0;border-radius:var(--r-ctl);
  background:var(--brand);color:#fff;
  font-family:inherit;font-size:14.5px;font-weight:650;
  padding:15px 30px;min-height:52px;
  cursor:pointer;
  transition:background-color .14s linear;
}
.dh-app .lg-cta:hover{background:var(--brand-dk)}

.dh-app .lg-support{
  border-top:1px solid var(--line);
  padding-top:20px;
  font-size:13.5px;line-height:1.6;color:var(--ink-2);
}
.dh-app .lg-support a{color:var(--brand);font-weight:650;text-decoration:none}
.dh-app .lg-support a:hover{text-decoration:underline;text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .dh-app *,.dh-app *::before,.dh-app *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

@media (max-width:560px){
  .dh-app .hdr-in{min-height:62px}
  .dh-app .hdr img,.dh-app .hdr-logo{height:28px}
  .dh-app .hdr-tag{font-size:10px;letter-spacing:.09em}
  .dh-app .lg-cta{width:100%}
  .dh-app .lg-footer{align-items:stretch}
}