/* The form shares the blue/yellow palette and 30-degree cuts of the Nexus credentials.
   Only the decorative surface is clipped; controls and focus rings remain intact. */
.connection-grid>*{min-width:0}
.interest-form{
  --form-cut:36px;--form-rise:21px;--form-padding:36px;
  --focus:#ffe43b;--ink:#fff;--muted:#dce6ff;
  position:relative;isolation:isolate;padding:var(--form-padding);
  border:0;border-radius:0;background:none;color:#fff;color-scheme:dark;
}
.interest-form:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:#0806b8;
  clip-path:polygon(0 0,calc(100% - var(--form-cut)) 0,100% var(--form-rise),100% 100%,var(--form-cut) 100%,0 calc(100% - var(--form-rise)));
}
.interest-form:after{
  content:"";position:absolute;left:var(--form-padding);top:var(--form-padding);
  width:48px;height:4px;background:#ffe43b;pointer-events:none;
}
.interest-form>h3{
  margin-top:24px;padding-bottom:24px;border-bottom:1px solid #ffffff40;
  color:#fff;font-size:34px;line-height:1.15;letter-spacing:-.04em;
}
.interest-form .form-fields{margin-top:26px;gap:22px 18px}
.interest-form .field label{color:#fff;font-size:15px;font-weight:500}
.interest-form .field input,.interest-form .field select{
  min-width:0;min-height:56px;padding:14px;border:1px solid #91b5ff;
  border-radius:var(--button-radius);background:#0035f6;color:#fff;
  caret-color:#ffe43b;font-size:16px;line-height:1.5;
  transition:background-color .18s ease,border-color .18s ease;
}
.interest-form .field input::placeholder{color:#dce6ff;opacity:1}
.interest-form .field input:hover,.interest-form .field select:hover{border-color:#fff}
.interest-form .field input:focus-visible,.interest-form .field select:focus-visible{
  border-color:#ffe43b;outline:2px solid #ffe43b;outline-offset:3px;
  background:#0830ca;
}
.interest-form .field input:user-invalid,.interest-form .field select:user-invalid{border-color:#ffc5b8}
.interest-form .field input:autofill{
  -webkit-text-fill-color:#fff;caret-color:#ffe43b;
  box-shadow:0 0 0 1000px #0035f6 inset;
}
.interest-form .field select option{background:#0035f6;color:#fff}
.interest-form .form-consent{color:#e8efff;margin-top:26px;font-size:15px}
.interest-form .form-consent input{accent-color:#ffe43b}
.interest-form>.button{
  min-height:58px;background:#ffe43b;color:#030528;--icon-filter:none;
  margin-top:26px;border-color:#ffe43b;white-space:normal;text-align:left;
}
.interest-form>.button:hover{background:#fff18a;border-color:#fff18a;box-shadow:none}
.interest-form>.button .button-icon{background:#0305280d;flex-shrink:0}
.interest-form .form-footnote{margin-top:18px;color:#dce6ff}
.interest-form .inline-link{color:#e8efff;text-underline-offset:4px}
.interest-form .inline-link:hover{color:#ffe43b}
.interest-form .form-result{
  border:1px solid #91b5ff;border-left:4px solid #ffe43b;
  background:#030d65;color:#fff;border-radius:var(--button-radius);
}
.interest-form :focus-visible{outline-color:#ffe43b}
@media(max-width:980px){.interest-form{--form-padding:28px}.interest-form>h3{font-size:30px}}
@media(max-width:767px){
  .connection-grid{grid-template-columns:minmax(0,1fr)}
  .interest-form{--form-padding:24px;--form-cut:28px;--form-rise:16px}
  .interest-form>h3{font-size:30px}
  .interest-form .form-fields{gap:22px}
}
@media(prefers-reduced-motion:reduce){.interest-form .field input,.interest-form .field select{transition:none}}
@media(forced-colors:active){
  .interest-form{border:1px solid CanvasText;color:CanvasText}
  .interest-form:before,.interest-form:after{display:none}
}
