/* The guided form shares the atmosphere of the hospital photograph. */
@media screen {
  .intake-card {
    color-scheme: dark;
    color: #f2f7ff;
    background:
      radial-gradient(ellipse at 100% 0%, #6aa9d51c, transparent 58%),
      linear-gradient(145deg, #142d48de, #0b1b31f2 72%);
    border: 1px solid #bad9f22b;
    border-radius: 26px;
    box-shadow: 0 28px 80px #020c2247, inset 0 1px 0 #e1f2ff14;
    -webkit-backdrop-filter: blur(26px);
    backdrop-filter: blur(26px);
  }

  .intake-card::before {
    height: 1px;
    background: linear-gradient(90deg, transparent, #b4e3ff99 70%, transparent);
  }

  .intake-card .service-label { color: #d8e7f6; }
  .intake-card .demo-button {
    color: #badbf3;
    background: #abcff20c;
    border: 1px solid #abcff21f;
    border-radius: 9px;
  }
  .intake-card .demo-button:hover { background: #abcff21c; }

  .intake-card .journey { border-bottom-color: #c0d8f018; }
  .intake-card .journey-item { color: #a6b9cf; }
  .intake-card .journey-item b { border-color: #bed7f025; }
  .intake-card .journey-item.active { color: #e3f4ff; }
  .intake-card .journey-item.active b {
    color: #122c47;
    background: #c5e9ff;
    border-color: #dbf1ff;
    box-shadow: 0 0 20px #85cfff15;
  }
  .intake-card .journey-item.done { color: #b5ddf5; }
  .intake-card .journey-item.done b { background: #9fd5ff15; border-color: #b8dfff38; }
  .intake-card .journey-connector { background: #bed7f023; }

  .intake-card .question-label { color: #9dbed9; }
  .intake-card .question-header h2 { color: #f2f7ff; font-weight: 600; }
  .intake-card .question-header p { color: #bbcadd; }
  .intake-card .question-header .optional { color: #b8daf1; background: #c1e3ff0f; }
  .intake-card .input-label { color: #d7e5f5; }

  .intake-card .input-shell > input {
    color: #f2f8ff;
    caret-color: #b4e5ff;
    background: #d4ecff08;
    border-color: #b4d5f13b;
    border-bottom-color: #b4d5f16b;
    border-radius: 13px;
    box-shadow: inset 0 1px 8px #040d1a12;
  }
  .intake-card .input-shell > input::placeholder { color: #9cb2ca; }
  .intake-card .input-shell > input:focus {
    border-color: #a5daffb3;
    background: #c9e8ff0d;
    box-shadow: 0 0 0 3px #a8daff0e, 0 8px 24px #030d231c;
  }
  .intake-card .input-shell > input[aria-invalid=true] {
    border-color: #f6a9b5;
    background: #e783930b;
  }
  .intake-card .input-shell > input:-webkit-autofill {
    -webkit-text-fill-color: #f2f8ff;
    -webkit-box-shadow: 0 0 0 1000px #192f48 inset;
    caret-color: #b4e5ff;
  }
  .intake-card .field-hint,
  .intake-card .input-shell .digit-count { color: #a6bbd3; }
  .intake-card .field-error { color: #ffb3bf; }

  .intake-card .continue-button {
    color: #153551;
    border-color: #e0f1ff;
    border-radius: 13px;
    background: linear-gradient(120deg, #d0e7f7, #eff9ff);
    box-shadow: 0 6px 22px #020c2429, inset 0 1px 0 #fff9;
  }
  .intake-card .continue-button:hover {
    background: linear-gradient(120deg, #def0fc, #fff);
    box-shadow: 0 9px 28px #020c243d, 0 0 25px #c0e9ff0a;
  }
  .intake-card .back-button {
    color: #c1d7ec;
    border-color: #b4d5f133;
    background: transparent;
    border-radius: 13px;
  }
  .intake-card .back-button:hover { background: #badbff0a; }
  .intake-card button:focus-visible { outline-color: #b4e5ff; }

  .intake-card .progress-caption { color: #a6bbd3; }
  .intake-card .progress-track { background: #c5dff217; height: 2px; }
  .intake-card .progress-track > span { background: linear-gradient(90deg, #74b8eb, #d0eeff); }
  .intake-card .mobile-summary { background: #c5e2ff05; border-color: #bcd7f01c; }
  .intake-card .mobile-summary span { color: #a6bbd3; }
  .intake-card .mobile-summary strong { color: #d0e5f7; }
  .intake-card .card-note { color: #a1b6cf; }

  .intake-card .choice-button {
    color: #c6d9ec;
    border-color: #b4d5f133;
    background: #cae7ff05;
  }
  .intake-card .choice-button:hover { background: #cae7ff0d; }
  .intake-card .choice-button::after { background: transparent; border-color: #b4d5f15c; }
  .intake-card .choice-button.selected {
    color: #e5f5ff;
    border-color: #a6d6f4a6;
    background: #b3deff12;
    box-shadow: 0 0 0 1px #a6d6f43b;
  }
  .intake-card .choice-button.selected::after { border-color: #c4e8ff; background: #15324e; }

  .intake-card .review-section { border-color: #b4d5f129; background: #c8e5ff03; }
  .intake-card .review-section-title { background: #badbff09; border-bottom-color: #b4d5f11c; }
  .intake-card .edit-button { color: #b6e1ff; }
  .intake-card .review-details dt,
  .intake-card .review-notice { color: #a6bbd3; }
  .intake-card .review-details dd { color: #e8f3ff; }

  .intake-card .completion-symbol {
    background: linear-gradient(135deg, #b1dcff1a, #b1dcff05);
    border-color: #b8dfff40;
    box-shadow: 0 0 42px #b1dcff09;
  }
  .intake-card .completion-symbol svg { stroke: #c2e9ff; }
  .intake-card .completion .overline { color: #b3d6f0; }
  .intake-card .completion > p { color: #bbcadd; }
  .intake-card .completion-info { color: #b7cade; background: #c8e5ff06; border-color: #b4d5f120; }
  .intake-card .restart-link { color: #b4d7f0; }
  .intake-card .restart-link:hover { color: #e6f6ff; }

  .intake-card .card-watermark {
    filter: grayscale(1) invert(1);
    mix-blend-mode: screen;
    opacity: .045;
  }
  .intake-card > .author-watermark { color: #b7dbf5; opacity: .07; }
}

@media screen and (max-width: 700px) {
  .intake-card { border-radius: 23px; }
}

@media screen and (prefers-reduced-transparency: reduce) {
  .intake-card { background: #10243d; -webkit-backdrop-filter: none; backdrop-filter: none; }
}