/* Material rim and interaction light, informed by 21st.dev Border Trail (1135).
   Native CSS adaptation: static while typing; no dependency or transport changes. */
:root { --action-light: #ffffff45; }
:root[data-theme="dark"] { --action-light: #08080820; }

dialog {
  border: 1px solid #c7c1b2;
  background: #fff;
  box-shadow: 0 30px 100px #00000045, 0 0 0 1px #ffffffa0 inset,
    0 3px 0 -2px #ffffff inset;
}
dialog::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(125deg, #ffffff, #c7c1b2 24%, #fff 51%, #8c8980 80%, #fff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
/* The inquiry remains in its original column, with a quiet physical edge. */
.investors-page .form-card {
  border: 1px solid var(--stroke);
  border-top-color: color-mix(in srgb, var(--text) 24%, var(--surface));
  border-radius: 24px;
  padding: clamp(22px, 2.4vw, 36px);
  background: var(--surface);
  box-shadow: 0 18px 55px #00000008, 0 1px 0 #ffffff20 inset;
}
.button, .join {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-shadow: 0 1px 0 #ffffff24 inset, 0 0 0 1px #00000008;
}
.button::before, .join::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 34%, var(--action-light) 49%, transparent 64%);
  transform: translateX(-120%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .button:not(:disabled):not([aria-busy="true"]):hover::before, .join:not(:disabled):not([aria-busy="true"]):hover::before {
    animation: rapport-action-light 700ms ease-out 1;
  }
}
.button:focus-visible, .join:focus-visible {
  outline: 2px solid var(--text);
  outline-offset: 4px;
}
.button:not(:disabled):not([aria-busy="true"]):focus-visible::before,
.join:not(:disabled):not([aria-busy="true"]):focus-visible::before {
  animation: rapport-action-light 700ms ease-out 1;
}
.button:disabled::before, .button[aria-busy="true"]::before,
.join:disabled::before, .join[aria-busy="true"]::before { animation: none; }
@keyframes rapport-action-light {
  from { transform: translateX(-120%); }
  to { transform: translateX(120%); }
}
@media (prefers-reduced-motion: reduce) {
  .button::before, .join::before { display: none; animation: none !important; }
}
@media (forced-colors: active) {
  dialog::before, .button::before, .join::before { display: none; }
  dialog, .investors-page .form-card { border: 1px solid CanvasText; box-shadow: none; }
}
/* Keep the offer's brand name with the amount on small screens. */
@media (max-width: 420px) {
  body[data-audience="consumer"] #signup-title {
    font-size: clamp(28px, 8.2vw, 34px);
    line-height: 1.07;
  }
}