/* [project]/node_modules/sweetalert2/dist/sweetalert2.min.css [app-client] (css) */
:root {
  --swal2-outline: 0 0 0 3px #6496c880;
  --swal2-container-padding: .625em;
  --swal2-backdrop: #0006;
  --swal2-backdrop-transition: background-color .15s;
  --swal2-width: 32em;
  --swal2-padding: 0 0 1.25em;
  --swal2-border: none;
  --swal2-border-radius: .3125rem;
  --swal2-background: white;
  --swal2-color: #545454;
  --swal2-show-animation: swal2-show .3s;
  --swal2-hide-animation: swal2-hide .15s forwards;
  --swal2-icon-zoom: 1;
  --swal2-title-padding: .8em 1em 0;
  --swal2-html-container-padding: 1em 1.6em .3em;
  --swal2-input-border: 1px solid #d9d9d9;
  --swal2-input-border-radius: .1875em;
  --swal2-input-box-shadow: inset 0 1px 1px #0000000f, 0 0 0 3px transparent;
  --swal2-input-background: transparent;
  --swal2-input-transition: border-color .2s, box-shadow .2s;
  --swal2-input-hover-box-shadow: inset 0 1px 1px #0000000f, 0 0 0 3px transparent;
  --swal2-input-focus-border: 1px solid #b4dbed;
  --swal2-input-focus-box-shadow: inset 0 1px 1px #0000000f, 0 0 0 3px #6496c880;
  --swal2-progress-step-background: #add8e6;
  --swal2-validation-message-background: #f0f0f0;
  --swal2-validation-message-color: #666;
  --swal2-footer-border-color: #eee;
  --swal2-footer-background: transparent;
  --swal2-footer-color: inherit;
  --swal2-timer-progress-bar-background: #0000004d;
  --swal2-close-button-position: initial;
  --swal2-close-button-inset: auto;
  --swal2-close-button-font-size: 2.5em;
  --swal2-close-button-color: #ccc;
  --swal2-close-button-transition: color .2s, box-shadow .2s;
  --swal2-close-button-outline: initial;
  --swal2-close-button-box-shadow: inset 0 0 0 3px transparent;
  --swal2-close-button-focus-box-shadow: inset var(--swal2-outline);
  --swal2-close-button-hover-transform: none;
  --swal2-actions-justify-content: center;
  --swal2-actions-width: auto;
  --swal2-actions-margin: 1.25em auto 0;
  --swal2-actions-padding: 0;
  --swal2-actions-border-radius: 0;
  --swal2-actions-background: transparent;
  --swal2-action-button-transition: background-color .2s, box-shadow .2s;
  --swal2-action-button-hover: black 10%;
  --swal2-action-button-active: black 10%;
  --swal2-confirm-button-box-shadow: none;
  --swal2-confirm-button-border-radius: .25em;
  --swal2-confirm-button-background-color: #7066e0;
  --swal2-confirm-button-color: #fff;
  --swal2-deny-button-box-shadow: none;
  --swal2-deny-button-border-radius: .25em;
  --swal2-deny-button-background-color: #dc3741;
  --swal2-deny-button-color: #fff;
  --swal2-cancel-button-box-shadow: none;
  --swal2-cancel-button-border-radius: .25em;
  --swal2-cancel-button-background-color: #6e7881;
  --swal2-cancel-button-color: #fff;
  --swal2-toast-show-animation: swal2-toast-show .5s;
  --swal2-toast-hide-animation: swal2-toast-hide .1s forwards;
  --swal2-toast-border: none;
  --swal2-toast-box-shadow: 0 0 1px #00000013, 0 1px 2px #00000013, 1px 2px 4px #00000013, 1px 3px 8px #00000013, 2px 4px 16px #00000013;
}

[data-swal2-theme="dark"] {
  --swal2-dark-theme-black: #19191a;
  --swal2-dark-theme-white: #e1e1e1;
  --swal2-background: var(--swal2-dark-theme-black);
  --swal2-color: var(--swal2-dark-theme-white);
  --swal2-footer-border-color: #555;
  --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
  --swal2-validation-message-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
  --swal2-validation-message-color: var(--swal2-dark-theme-white);
  --swal2-timer-progress-bar-background: #ffffffb3;
}

@media (prefers-color-scheme: dark) {
  [data-swal2-theme="auto"] {
    --swal2-dark-theme-black: #19191a;
    --swal2-dark-theme-white: #e1e1e1;
    --swal2-background: var(--swal2-dark-theme-black);
    --swal2-color: var(--swal2-dark-theme-white);
    --swal2-footer-border-color: #555;
    --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
    --swal2-validation-message-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
    --swal2-validation-message-color: var(--swal2-dark-theme-white);
    --swal2-timer-progress-bar-background: #ffffffb3;
  }
}

body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
  overflow: hidden;
}

body.swal2-height-auto {
  height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
  pointer-events: none;
  background-color: #0000 !important;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: auto;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px var(--swal2-backdrop);
}

body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  pointer-events: none;
  background-color: #0000;
  width: 360px;
  max-width: 100%;
}

body.swal2-toast-shown .swal2-container.swal2-top {
  inset: 0 auto auto 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  inset: 0 0 auto auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  inset: 0 auto auto 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  inset: 50% auto auto 0;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  inset: auto auto 0 0;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  inset: auto auto 0 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  inset: auto 0 0 auto;
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
    overflow-y: scroll !important;
  }

  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) > [aria-hidden="true"] {
    display: none;
  }

  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}

div:where(.swal2-container) {
  z-index: 1060;
  box-sizing: border-box;
  height: 100%;
  padding: var(--swal2-container-padding);
  transition: var(--swal2-backdrop-transition);
  -webkit-overflow-scrolling: touch;
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  grid-template-areas: "top-start top top-end"
                       "center-start center center-end"
                       "bottom-start bottom-center bottom-end";
  display: grid;
  position: fixed;
  inset: 0;
  overflow-x: hidden;
}

div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
  background: var(--swal2-backdrop);
}

div:where(.swal2-container).swal2-backdrop-hide {
  background: none !important;
}

div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}

div:where(.swal2-container).swal2-top-start > .swal2-popup {
  align-self: start;
}

div:where(.swal2-container).swal2-top > .swal2-popup {
  grid-column: 2;
  place-self: start center;
}

div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
  grid-column: 3;
  place-self: start end;
}

div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}

div:where(.swal2-container).swal2-center > .swal2-popup {
  grid-area: 2 / 2;
  place-self: center;
}

div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
  grid-area: 2 / 3;
  place-self: center end;
}

div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
  grid-area: 3 / 1;
  align-self: end;
}

div:where(.swal2-container).swal2-bottom > .swal2-popup {
  grid-area: 3 / 2;
  place-self: end center;
}

div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
  grid-area: 3 / 3;
  place-self: end;
}

div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1 / 4;
  width: 100%;
}

div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1 / 4;
  align-self: stretch;
}

div:where(.swal2-container).swal2-no-transition {
  transition: none !important;
}

div:where(.swal2-container)[popover] {
  border: 0;
  width: auto;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  box-sizing: border-box;
  width: var(--swal2-width);
  max-width: 100%;
  padding: var(--swal2-padding);
  border: var(--swal2-border);
  border-radius: var(--swal2-border-radius);
  background: var(--swal2-background);
  color: var(--swal2-color);
  grid-template-columns: minmax(0, 100%);
  font-family: inherit;
  font-size: 1rem;
  display: none;
  position: relative;
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
  outline: none;
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
  overflow-y: hidden;
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable, div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) {
  cursor: grab;
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging, div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) {
  cursor: grabbing;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  max-width: 100%;
  padding: var(--swal2-title-padding);
  color: inherit;
  text-align: center;
  text-transform: none;
  overflow-wrap: break-word;
  cursor: initial;
  margin: 0;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

div:where(.swal2-container) div:where(.swal2-actions) {
  z-index: 1;
  box-sizing: border-box;
  align-items: center;
  justify-content: var(--swal2-actions-justify-content);
  width: var(--swal2-actions-width);
  margin: var(--swal2-actions-margin);
  padding: var(--swal2-actions-padding);
  border-radius: var(--swal2-actions-border-radius);
  background: var(--swal2-actions-background);
  flex-wrap: wrap;
  display: flex;
}

div:where(.swal2-container) div:where(.swal2-loader) {
  border: .25em solid #2778c4;
  border-color: #2778c4 #0000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: 1.5s linear infinite swal2-rotate-loading;
  display: none;
}

div:where(.swal2-container) button:where(.swal2-styled) {
  transition: var(--swal2-action-button-transition);
  border: none;
  margin: .3125em;
  padding: .625em 1.1em;
  font-weight: 500;
  box-shadow: 0 0 0 3px #0000;
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
  cursor: pointer;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  border-radius: var(--swal2-confirm-button-border-radius);
  background: initial;
  background-color: var(--swal2-confirm-button-background-color);
  box-shadow: var(--swal2-confirm-button-box-shadow);
  color: var(--swal2-confirm-button-color);
  font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
  background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover));
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active {
  background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active));
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
  border-radius: var(--swal2-deny-button-border-radius);
  background: initial;
  background-color: var(--swal2-deny-button-background-color);
  box-shadow: var(--swal2-deny-button-box-shadow);
  color: var(--swal2-deny-button-color);
  font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {
  background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover));
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active {
  background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active));
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
  border-radius: var(--swal2-cancel-button-border-radius);
  background: initial;
  background-color: var(--swal2-cancel-button-background-color);
  box-shadow: var(--swal2-cancel-button-box-shadow);
  color: var(--swal2-cancel-button-color);
  font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
  background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover));
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active {
  background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active));
}

div:where(.swal2-container) button:where(.swal2-styled):focus-visible {
  box-shadow: var(--swal2-action-button-focus-box-shadow);
  outline: none;
}

div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) {
  opacity: .4;
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
  border: 0;
}

div:where(.swal2-container) div:where(.swal2-footer) {
  border-top: 1px solid var(--swal2-footer-border-color);
  background: var(--swal2-footer-background);
  color: var(--swal2-footer-color);
  text-align: center;
  cursor: initial;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  font-size: 1em;
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
  border-bottom-right-radius: var(--swal2-border-radius);
  border-bottom-left-radius: var(--swal2-border-radius);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  grid-column: auto !important;
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  background: var(--swal2-timer-progress-bar-background);
  width: 100%;
  height: .25em;
}

div:where(.swal2-container) img:where(.swal2-image) {
  max-width: 100%;
  cursor: initial;
  margin: 2em auto 1em;
}

div:where(.swal2-container) button:where(.swal2-close) {
  position: var(--swal2-close-button-position);
  inset: var(--swal2-close-button-inset);
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  transition: var(--swal2-close-button-transition);
  border-radius: var(--swal2-border-radius);
  outline: var(--swal2-close-button-outline);
  color: var(--swal2-close-button-color);
  font-family: monospace;
  font-size: var(--swal2-close-button-font-size);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  justify-self: end;
  align-items: center;
  margin-top: 0;
  margin-bottom: -1.2em;
  margin-right: 0;
  padding: 0;
  overflow: hidden;
}

div:where(.swal2-container) button:where(.swal2-close):hover {
  transform: var(--swal2-close-button-hover-transform);
  color: #f27474;
  background: none;
}

div:where(.swal2-container) button:where(.swal2-close):focus-visible {
  box-shadow: var(--swal2-close-button-focus-box-shadow);
  outline: none;
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
  border: 0;
}

div:where(.swal2-container) div:where(.swal2-html-container) {
  z-index: 1;
  padding: var(--swal2-html-container-padding);
  color: inherit;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: initial;
  justify-content: center;
  margin: 0;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  overflow: auto;
}

div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) {
  margin: 1em 2em 3px;
}

div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) {
  box-sizing: border-box;
  width: auto;
  transition: var(--swal2-input-transition);
  border: var(--swal2-input-border);
  border-radius: var(--swal2-input-border-radius);
  background: var(--swal2-input-background);
  box-shadow: var(--swal2-input-box-shadow);
  color: inherit;
  font-size: 1.125em;
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

div:where(.swal2-container) input:where(.swal2-input):hover, div:where(.swal2-container) input:where(.swal2-file):hover, div:where(.swal2-container) textarea:where(.swal2-textarea):hover {
  box-shadow: var(--swal2-input-hover-box-shadow);
}

div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
  border: var(--swal2-input-focus-border);
  box-shadow: var(--swal2-input-focus-box-shadow);
  outline: none;
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color: #ccc;
}

div:where(.swal2-container) .swal2-range {
  background: var(--swal2-background);
  margin: 1em 2em 3px;
}

div:where(.swal2-container) .swal2-range input {
  width: 80%;
}

div:where(.swal2-container) .swal2-range output {
  width: 20%;
  color: inherit;
  text-align: center;
  font-weight: 600;
}

div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

div:where(.swal2-container) .swal2-input {
  height: 2.625em;
  padding: 0 .75em;
}

div:where(.swal2-container) .swal2-file {
  background: var(--swal2-input-background);
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125em;
}

div:where(.swal2-container) .swal2-textarea {
  height: 6.75em;
  padding: .75em;
}

div:where(.swal2-container) .swal2-select {
  background: var(--swal2-input-background);
  min-width: 50%;
  max-width: 100%;
  color: inherit;
  padding: .375em .625em;
  font-size: 1.125em;
}

div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox {
  background: var(--swal2-background);
  color: inherit;
  justify-content: center;
  align-items: center;
}

div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label {
  margin: 0 .6em;
  font-size: 1.125em;
}

div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 .4em;
}

div:where(.swal2-container) label:where(.swal2-input-label) {
  justify-content: center;
  margin: 1em auto 0;
  display: flex;
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
  background: var(--swal2-validation-message-background);
  color: var(--swal2-validation-message-color);
  justify-content: center;
  align-items: center;
  margin: 1em 0 0;
  padding: .625em;
  font-size: 1em;
  font-weight: 300;
  overflow: hidden;
}

div:where(.swal2-container) div:where(.swal2-validation-message):before {
  content: "!";
  color: #fff;
  text-align: center;
  background-color: #f27474;
  border-radius: 50%;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 .625em;
  font-weight: 600;
  line-height: 1.5em;
  display: inline-block;
}

div:where(.swal2-container) .swal2-progress-steps {
  background: none;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  font-weight: 600;
}

div:where(.swal2-container) .swal2-progress-steps li {
  display: inline-block;
  position: relative;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  color: #fff;
  text-align: center;
  background: #2778c4;
  border-radius: 2em;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  line-height: 2em;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: var(--swal2-progress-step-background);
  color: #fff;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: var(--swal2-progress-step-background);
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  background: #2778c4;
  flex-shrink: 0;
  width: 2.5em;
  height: .4em;
  margin: 0 -1px;
}

div:where(.swal2-icon) {
  box-sizing: content-box;
  zoom: var(--swal2-icon-zoom);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  border: .25em solid #000;
  border-radius: 50%;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto .6em;
  font-family: inherit;
  line-height: 5em;
  position: relative;
}

div:where(.swal2-icon) .swal2-icon-content {
  align-items: center;
  font-size: 3.75em;
  display: flex;
}

div:where(.swal2-icon).swal2-error {
  color: #f27474;
  border-color: #f27474;
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
  flex-grow: 1;
  position: relative;
}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] {
  background-color: #f27474;
  border-radius: .125em;
  width: 2.9375em;
  height: .3125em;
  display: block;
  position: absolute;
  top: 2.3125em;
}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="left"] {
  left: 1.0625em;
  transform: rotate(45deg);
}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="right"] {
  right: 1em;
  transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
  animation: .5s swal2-animate-error-icon;
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
  animation: .5s swal2-animate-error-x-mark;
}

div:where(.swal2-icon).swal2-warning {
  color: #f8bb86;
  border-color: #f8bb86;
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
  animation: .5s swal2-animate-error-icon;
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: .5s swal2-animate-i-mark;
}

div:where(.swal2-icon).swal2-info {
  color: #3fc3ee;
  border-color: #3fc3ee;
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
  animation: .5s swal2-animate-error-icon;
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
  animation: .8s swal2-animate-i-mark;
}

div:where(.swal2-icon).swal2-question {
  color: #87adbd;
  border-color: #87adbd;
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
  animation: .5s swal2-animate-error-icon;
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
  animation: .8s swal2-animate-question-mark;
}

div:where(.swal2-icon).swal2-success {
  color: #a5dc86;
  border-color: #a5dc86;
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"] {
  border-radius: 50%;
  width: 3.75em;
  height: 7.5em;
  position: absolute;
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="left"] {
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
  top: -.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="right"] {
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
  top: -.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
  z-index: 2;
  box-sizing: content-box;
  border: .25em solid #a5dc864d;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -.25em;
  left: -.25em;
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
  z-index: 1;
  width: .4375em;
  height: 5.625em;
  position: absolute;
  top: .5em;
  left: 1.625em;
  transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] {
  z-index: 2;
  background-color: #a5dc86;
  border-radius: .125em;
  height: .3125em;
  display: block;
  position: absolute;
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] {
  width: 1.5625em;
  top: 2.875em;
  left: .8125em;
  transform: rotate(45deg);
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"] {
  width: 2.9375em;
  top: 2.375em;
  right: .5em;
  transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: .75s swal2-animate-success-line-tip;
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: .75s swal2-animate-success-line-long;
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: 4.25s ease-in swal2-rotate-success-circular-line;
}

[class^="swal2"] {
  -webkit-tap-highlight-color: #0000;
}

.swal2-show {
  animation: var(--swal2-show-animation);
}

.swal2-hide {
  animation: var(--swal2-hide-animation);
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -9999px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
  left: auto;
  right: 0;
}

.swal2-toast {
  box-sizing: border-box;
  border: var(--swal2-toast-border);
  background: var(--swal2-background);
  box-shadow: var(--swal2-toast-box-shadow);
  pointer-events: auto;
  grid-template-columns: min-content auto min-content;
  padding: 1em;
  overflow-y: hidden;
  grid-area: 1 / 1 / 4 / 4 !important;
}

.swal2-toast > * {
  grid-column: 2;
}

.swal2-toast h2:where(.swal2-title) {
  text-align: initial;
  margin: .5em 1em;
  padding: 0;
  font-size: 1em;
}

.swal2-toast .swal2-loading {
  justify-content: center;
}

.swal2-toast input:where(.swal2-input) {
  height: 2em;
  margin: .5em;
  font-size: 1em;
}

.swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.swal2-toast div:where(.swal2-footer) {
  margin: .5em 0 0;
  padding: .5em 0 0;
  font-size: .8em;
}

.swal2-toast button:where(.swal2-close) {
  grid-area: 1 / 3 / 99 / 3;
  align-self: center;
  width: .8em;
  height: .8em;
  margin: 0;
  font-size: 2em;
}

.swal2-toast div:where(.swal2-html-container) {
  overflow: initial;
  text-align: initial;
  margin: .5em 1em;
  padding: 0;
  font-size: 1em;
}

.swal2-toast div:where(.swal2-html-container):empty {
  padding: 0;
}

.swal2-toast .swal2-loader {
  grid-area: 1 / 1 / 99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: .25em;
}

.swal2-toast .swal2-icon {
  grid-area: 1 / 1 / 99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 .5em 0 0;
}

.swal2-toast .swal2-icon .swal2-icon-content {
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
  display: flex;
}

.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  width: 1.375em;
  top: .875em;
}

.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
  left: .3125em;
}

.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
  right: .3125em;
}

.swal2-toast div:where(.swal2-actions) {
  justify-content: flex-start;
  height: auto;
  margin: .5em 0 0;
  padding: 0 .5em;
}

.swal2-toast button:where(.swal2-styled) {
  margin: .25em .5em;
  padding: .4em .6em;
  font-size: 1em;
}

.swal2-toast .swal2-success {
  border-color: #a5dc86;
}

.swal2-toast .swal2-success [class^="swal2-success-circular-line"] {
  border-radius: 50%;
  width: 1.6em;
  height: 3em;
  position: absolute;
}

.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] {
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
  top: -.8em;
  left: -.5em;
  transform: rotate(-45deg);
}

.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="right"] {
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
  top: -.25em;
  left: .9375em;
}

.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-toast .swal2-success .swal2-success-fix {
  width: .4375em;
  height: 2.6875em;
  top: 0;
  left: .4375em;
}

.swal2-toast .swal2-success [class^="swal2-success-line"] {
  height: .3125em;
}

.swal2-toast .swal2-success [class^="swal2-success-line"][class$="tip"] {
  width: .75em;
  top: 1.125em;
  left: .1875em;
}

.swal2-toast .swal2-success [class^="swal2-success-line"][class$="long"] {
  width: 1.375em;
  top: .9375em;
  right: .1875em;
}

.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: .75s swal2-toast-animate-success-line-tip;
}

.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: .75s swal2-toast-animate-success-line-long;
}

.swal2-toast.swal2-show {
  animation: var(--swal2-toast-show-animation);
}

.swal2-toast.swal2-hide {
  animation: var(--swal2-toast-hide-animation);
}

@keyframes swal2-show {
  0% {
    opacity: 0;
    transform: translate3d(0, -50px, 0)scale(.9);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0)scale(1);
  }
}

@keyframes swal2-hide {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0)scale(1);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -50px, 0)scale(.9);
  }
}

@keyframes swal2-animate-success-line-tip {
  0% {
    width: 0;
    top: 1.1875em;
    left: .0625em;
  }

  54% {
    width: 0;
    top: 1.0625em;
    left: .125em;
  }

  70% {
    width: 3.125em;
    top: 2.1875em;
    left: -.375em;
  }

  84% {
    width: 1.0625em;
    top: 3em;
    left: 1.3125em;
  }

  100% {
    width: 1.5625em;
    top: 2.8125em;
    left: .8125em;
  }
}

@keyframes swal2-animate-success-line-long {
  0% {
    width: 0;
    top: 3.375em;
    right: 2.875em;
  }

  65% {
    width: 0;
    top: 3.375em;
    right: 2.875em;
  }

  84% {
    width: 3.4375em;
    top: 2.1875em;
    right: 0;
  }

  100% {
    width: 2.9375em;
    top: 2.375em;
    right: .5em;
  }
}

@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }

  5% {
    transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
  }

  100% {
    transform: rotate(-405deg);
  }
}

@keyframes swal2-animate-error-x-mark {
  0% {
    opacity: 0;
    margin-top: 1.625em;
    transform: scale(.4);
  }

  50% {
    opacity: 0;
    margin-top: 1.625em;
    transform: scale(.4);
  }

  80% {
    margin-top: -.375em;
    transform: scale(1.15);
  }

  100% {
    opacity: 1;
    margin-top: 0;
    transform: scale(1);
  }
}

@keyframes swal2-animate-error-icon {
  0% {
    opacity: 0;
    transform: rotateX(100deg);
  }

  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}

@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }

  100% {
    transform: rotateY(0);
  }
}

@keyframes swal2-animate-i-mark {
  0% {
    opacity: 0;
    transform: rotateZ(45deg);
  }

  25% {
    opacity: .4;
    transform: rotateZ(-25deg);
  }

  50% {
    opacity: .8;
    transform: rotateZ(15deg);
  }

  75% {
    opacity: 1;
    transform: rotateZ(-5deg);
  }

  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-.625em)rotateZ(2deg);
  }

  33% {
    transform: translateY(0)rotateZ(-2deg);
  }

  66% {
    transform: translateY(.3125em)rotateZ(2deg);
  }

  100% {
    transform: translateY(0)rotateZ(0);
  }
}

@keyframes swal2-toast-hide {
  100% {
    opacity: 0;
    transform: rotateZ(1deg);
  }
}

@keyframes swal2-toast-animate-success-line-tip {
  0% {
    width: 0;
    top: .5625em;
    left: .0625em;
  }

  54% {
    width: 0;
    top: .125em;
    left: .125em;
  }

  70% {
    width: 1.625em;
    top: .625em;
    left: -.25em;
  }

  84% {
    width: .5em;
    top: 1.0625em;
    left: .75em;
  }

  100% {
    width: .75em;
    top: 1.125em;
    left: .1875em;
  }
}

@keyframes swal2-toast-animate-success-line-long {
  0% {
    width: 0;
    top: 1.625em;
    right: 1.375em;
  }

  65% {
    width: 0;
    top: 1.25em;
    right: .9375em;
  }

  84% {
    width: 1.125em;
    top: .9375em;
    right: 0;
  }

  100% {
    width: 1.375em;
    top: .9375em;
    right: .1875em;
  }
}

/* [project]/src/styles/tiba-tokens.css [app-client] (css) */
:root, html[data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --hq-maroon-deep: #671522;
  --hq-maroon: #881337;
  --hq-maroon-mid: #9f1239;
  --hq-maroon-light: #be123c;
  --hq-gold: #d97706;
  --hq-gold-start: #f59e0b;
  --hq-gold-end: #fbbf24;
  --hq-grey-deep: #44403c;
  --hq-grey: #57534e;
  --hq-grey-mid: #78716c;
  --hq-grey-light: #a8a29e;
  --hq-grey-muted: #e7e5e4;
  --hq-grey-subtle: #f5f5f4;
  --color-bg: #fff;
  --color-bg-muted: #fafafa;
  --color-bg-accent: #f5f5f4;
  --color-surface: #fff;
  --color-surface-muted: #f5f5f5;
  --color-surface-hover: #f5f5f4;
  --color-border: #e7e5e4;
  --color-border-strong: #d6d3d1;
  --color-text: #1c1917;
  --color-text-muted: #57534e;
  --color-text-subtle: #78716c;
  --color-primary: #881337;
  --color-primary-hover: #9f1239;
  --color-primary-muted: #fce7f3;
  --color-primary-subtle: #fff1f2;
  --color-secondary: var(--hq-grey);
  --color-secondary-hover: var(--hq-grey-deep);
  --color-secondary-muted: var(--hq-grey-muted);
  --color-secondary-subtle: var(--hq-grey-subtle);
  --tiba-primary: #881337;
  --tiba-primary-dark: #671522;
  --tiba-primary-light: #9f1239;
  --tiba-secondary: var(--hq-grey);
  --tiba-secondary-dark: var(--hq-grey-deep);
  --tiba-secondary-light: var(--hq-grey-subtle);
  --tiba-bg-light: #fafafa;
  --tiba-text-dark: #1c1917;
  --tiba-text-light: #57534e;
  --shadow-sm: 0 2px 12px #44403c14;
  --font-display: "Satoshi", system-ui, -apple-system, sans-serif;
  --font-body: "Satoshi", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, monospace;
}

html[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --fb-bg-primary: #18191a;
  --fb-bg-secondary: #242526;
  --fb-bg-tertiary: #3a3b3c;
  --fb-divider: #3e4042;
  --fb-text-primary: #e4e6eb;
  --fb-text-secondary: #b0b3b8;
  --fb-text-tertiary: #8a8d91;
  --fb-hover-overlay: #ffffff1a;
  --fb-pressed-overlay: #ffffff26;
  --fb-shadow: 0 12px 28px 0 #0006, 0 2px 4px 0 #00000040;
  --color-bg: var(--fb-bg-primary);
  --color-bg-muted: var(--fb-bg-primary);
  --color-bg-accent: var(--fb-bg-secondary);
  --color-surface: var(--fb-bg-secondary);
  --color-surface-muted: var(--fb-bg-tertiary);
  --color-surface-hover: var(--fb-bg-tertiary);
  --color-border: var(--fb-divider);
  --color-border-strong: var(--fb-bg-tertiary);
  --color-text: var(--fb-text-primary);
  --color-text-muted: var(--fb-text-secondary);
  --color-text-subtle: var(--fb-text-tertiary);
  --color-primary: var(--hq-maroon-light, #be123c);
  --color-primary-hover: #e11d48;
  --color-primary-muted: var(--fb-bg-tertiary);
  --color-primary-subtle: var(--fb-bg-secondary);
  --color-secondary: var(--hq-grey-light, #a8a29e);
  --color-secondary-hover: #d6d3d1;
  --color-secondary-muted: var(--fb-bg-tertiary);
  --color-secondary-subtle: var(--fb-bg-secondary);
  --tiba-primary: var(--hq-maroon-light, #be123c);
  --tiba-primary-dark: var(--hq-maroon, #881337);
  --tiba-secondary: var(--hq-grey-light, #a8a29e);
  --shadow-sm: var(--fb-shadow);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --fb-bg-primary: #18191a;
    --fb-bg-secondary: #242526;
    --fb-bg-tertiary: #3a3b3c;
    --fb-divider: #3e4042;
    --fb-text-primary: #e4e6eb;
    --fb-text-secondary: #b0b3b8;
    --fb-text-tertiary: #8a8d91;
    --fb-hover-overlay: #ffffff1a;
    --fb-shadow: 0 12px 28px 0 #0006, 0 2px 4px 0 #00000040;
    --color-bg: var(--fb-bg-primary);
    --color-bg-muted: var(--fb-bg-primary);
    --color-bg-accent: var(--fb-bg-secondary);
    --color-surface: var(--fb-bg-secondary);
    --color-surface-muted: var(--fb-bg-tertiary);
    --color-surface-hover: var(--fb-bg-tertiary);
    --color-border: var(--fb-divider);
    --color-text: var(--fb-text-primary);
    --color-text-muted: var(--fb-text-secondary);
    --color-text-subtle: var(--fb-text-tertiary);
    --color-primary: var(--hq-maroon-light, #be123c);
    --color-primary-hover: #e11d48;
    --color-primary-subtle: var(--fb-bg-secondary);
    --color-secondary: var(--hq-grey-light, #a8a29e);
    --color-secondary-hover: #d6d3d1;
    --tiba-primary: var(--hq-maroon-light, #be123c);
    --tiba-secondary: var(--hq-grey-light, #a8a29e);
  }
}

:is(.btn, .admin-btn, .cta-btn, .auth-submit, .admin-table__action, .tiba-swal-btn, .portal-theme-control-btn, .site-nav__portal-btn, .site-nav__cta, .admin-profile__edit-btn, .admin-profile__tab, .profile-photo-picker__preview-btn, .profile-photo-picker__browse, .profile-photo-picker__clear, .admin-app__nav-link--button, .admin-user-menu__item, .tiba-register-cancel, .tiba-register-submit, .admin-section__link) {
  text-transform: uppercase;
  letter-spacing: .04em;
}

.admin-table thead th, table thead th {
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* [project]/src/styles/skeleton.css [app-client] (css) */
.skeleton, .ui-skeleton {
  background: var(--color-surface-muted, #f1f5f9);
  vertical-align: middle;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.skeleton:after, .ui-skeleton:after {
  content: "";
  background: linear-gradient(90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-text-subtle, #64748b) 14%, transparent) 50%,
    transparent 100%);
  animation: 1.4s ease-in-out infinite skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@keyframes skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.skeleton--text, .ui-skeleton-line {
  border-radius: 4px;
  width: 100%;
  height: 1em;
  margin: 4px 0;
  display: block;
}

.skeleton--text.skeleton--short {
  width: 62%;
}

.skeleton--rect {
  border-radius: var(--ui-control-radius, 8px);
  width: 100%;
  height: 100%;
  display: block;
}

.skeleton--circle {
  border-radius: 50%;
}

.skeleton-stack, .ui-skeleton-text {
  width: 100%;
  display: block;
}

.ui-login-skeleton-container {
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  display: grid;
}

.ui-login-skeleton-aside, .ui-login-skeleton-main {
  padding: 2.5rem;
}

.ui-skeleton-logo {
  border-radius: 8px;
  width: 140px;
  height: 36px;
  margin-bottom: 1.25rem;
}

.ui-skeleton-kicker {
  border-radius: 999px;
  width: 120px;
  height: 22px;
  margin-bottom: 1rem;
}

.ui-skeleton-heading {
  border-radius: 8px;
  width: min(320px, 90%);
  height: 36px;
  margin-bottom: 1rem;
}

.ui-login-skeleton-copy .ui-skeleton-line {
  height: 14px;
  margin: .45rem 0;
}

.ui-login-skeleton-highlights {
  flex-direction: column;
  gap: .75rem;
  margin-top: 1.5rem;
  display: flex;
}

.ui-login-skeleton-highlight {
  align-items: center;
  gap: .65rem;
  display: flex;
}

.ui-skeleton-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.ui-skeleton-highlight-line {
  flex: 1;
  max-width: 220px;
  height: 12px;
}

.ui-skeleton-title {
  border-radius: 8px;
  width: 200px;
  height: 28px;
  margin-bottom: .5rem;
}

.ui-skeleton-subtitle {
  border-radius: 6px;
  width: 280px;
  height: 14px;
}

.ui-skeleton-label {
  border-radius: 4px;
  width: 72px;
  height: 12px;
  margin-bottom: .45rem;
}

.ui-skeleton-input {
  border-radius: 12px;
  width: 100%;
  height: 48px;
  margin-bottom: 1rem;
}

.ui-skeleton-button {
  border-radius: 12px;
  width: 100%;
  height: 48px;
  margin-top: .25rem;
}

.ui-skeleton-link {
  border-radius: 4px;
  width: 160px;
  height: 12px;
  margin: 1.25rem auto 0;
}

.portfolio-team-card--skeleton {
  pointer-events: none;
}

.portfolio-team-card--skeleton .portfolio-team-avatar {
  background: var(--color-surface-muted, #f1f5f9);
  border: none;
}

@media (prefers-reduced-motion: reduce) {
  .skeleton:after, .ui-skeleton:after {
    animation: none;
  }
}

@media (max-width: 900px) {
  .ui-login-skeleton-container {
    grid-template-columns: 1fr;
  }

  .ui-login-skeleton-aside {
    display: none;
  }
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --primary: #0d9488;
  --primary-dark: #0f766e;
  --primary-light: #14b8a6;
  --secondary: #1e293b;
  --accent: #78716c;
  --accent-light: #a8a29e;
  --bg-light: #f8fafc;
  --text-dark: #1e293b;
  --text-light: #64748b;
  --white: #fff;
  --gradient-1: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);
  --gradient-3: linear-gradient(135deg, #57534e 0%, #78716c 100%);
  --ui-control-min-height: 2.75rem;
  --ui-control-padding-y: .75rem;
  --ui-control-padding-x: .85rem;
  --ui-control-font-size: .92rem;
  --ui-control-radius: 12px;
  --ui-control-border-color: #cbd5e1;
  --modal-max-width-wide: 960px;
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  color: var(--text-dark);
  background: var(--bg-light);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* [project]/src/styles/landing-theme.css [app-client] (css) */
html[data-theme="light"], html:not([data-theme]) {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --lp-primary: #0d9488;
  --lp-primary-light: #14b8a6;
  --lp-primary-dark: #0f766e;
  --lp-primary-glow: #0d948859;
  --lp-accent: #881337;
  --lp-accent-light: #be123c;
  --lp-bg: #f0f9f8;
  --lp-bg-subtle: #f8fafc;
  --lp-surface: #fff;
  --lp-surface-raised: #fff;
  --lp-surface-glass: #ffffffc7;
  --lp-surface-muted: #f1f5f9;
  --lp-border: #94a3b847;
  --lp-border-strong: #64748b59;
  --lp-text: #0f172a;
  --lp-text-muted: #64748b;
  --lp-text-subtle: #94a3b8;
  --lp-text-inverse: #f8fafc;
  --lp-hero-mesh-1: #0d94882e;
  --lp-hero-mesh-2: #38bdf824;
  --lp-hero-mesh-3: #88133714;
  --lp-gradient-hero: linear-gradient(160deg, #f0fdfa 0%, #ecfeff 38%, #f8fafc 72%, #f0f9f8 100%);
  --lp-gradient-brand: linear-gradient(135deg, #0d9488 0%, #14b8a6 55%, #0f766e 100%);
  --lp-gradient-stats: linear-gradient(135deg, #0f172a 0%, #134e4a 48%, #115e59 100%);
  --lp-closing-bg: linear-gradient(180deg, #fff 0%, var(--lp-bg-subtle) 100%);
  --hq-gold-start: #f59e0b;
  --hq-gold-end: #fbbf24;
  --hq-gold: #d97706;
  --hq-maroon: #881337;
  --lp-gradient-card: linear-gradient(145deg, #fff 0%, #f8fafc 100%);
  --lp-shadow-sm: 0 4px 20px #0f172a0f;
  --lp-shadow-md: 0 16px 48px #0f172a1a;
  --lp-shadow-lg: 0 28px 60px #0d948826;
  --lp-overlay: #0f172aa6;
  --primary: var(--lp-primary);
  --primary-dark: var(--lp-primary-dark);
  --primary-light: var(--lp-primary-light);
  --secondary: var(--lp-text);
  --accent: #57534e;
  --accent-light: #78716c;
  --bg-light: var(--lp-bg-subtle);
  --text-dark: var(--lp-text);
  --text-light: var(--lp-text-muted);
  --white: var(--lp-surface);
  --gradient-1: var(--lp-gradient-brand);
  --gradient-3: linear-gradient(135deg, #57534e 0%, #78716c 100%);
}

html[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --lp-primary: #2dd4bf;
  --lp-primary-light: #5eead4;
  --lp-primary-dark: #14b8a6;
  --lp-primary-glow: #2dd4bf40;
  --lp-accent: #fb7185;
  --lp-accent-light: #fda4af;
  --lp-bg: #0a0f14;
  --lp-bg-subtle: #0f1419;
  --lp-surface: #151c24;
  --lp-surface-raised: #1a232d;
  --lp-surface-glass: #151c24d1;
  --lp-surface-muted: #1e2833;
  --lp-border: #94a3b824;
  --lp-border-strong: #94a3b838;
  --lp-text: #f1f5f9;
  --lp-text-muted: #94a3b8;
  --lp-text-subtle: #64748b;
  --lp-text-inverse: #0f172a;
  --lp-hero-mesh-1: #2dd4bf1f;
  --lp-hero-mesh-2: #38bdf814;
  --lp-hero-mesh-3: #fb71850f;
  --lp-gradient-hero: linear-gradient(160deg, #0a0f14 0%, #0f1a1f 40%, #0a1218 100%);
  --lp-gradient-brand: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 55%, #0d9488 100%);
  --lp-gradient-stats: linear-gradient(135deg, #0f172a 0%, #134e4a 55%, #1e293b 100%);
  --lp-closing-bg: linear-gradient(180deg, #0f172a 0%, #0c1220 100%);
  --hq-gold-start: #f59e0b;
  --hq-gold-end: #fbbf24;
  --hq-gold: #fbbf24;
  --hq-maroon: #be123c;
  --lp-gradient-card: linear-gradient(145deg, #1a232d 0%, #151c24 100%);
  --lp-shadow-sm: 0 4px 24px #00000059;
  --lp-shadow-md: 0 20px 50px #00000073;
  --lp-shadow-lg: 0 28px 64px #00000080;
  --lp-overlay: #000000b8;
  --primary: var(--lp-primary);
  --primary-dark: var(--lp-primary-dark);
  --primary-light: var(--lp-primary-light);
  --secondary: var(--lp-text);
  --accent: var(--lp-text-muted);
  --bg-light: var(--lp-bg-subtle);
  --text-dark: var(--lp-text);
  --text-light: var(--lp-text-muted);
  --white: var(--lp-surface);
  --gradient-1: var(--lp-gradient-brand);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --lp-primary: #2dd4bf;
    --lp-primary-light: #5eead4;
    --lp-primary-dark: #14b8a6;
    --lp-primary-glow: #2dd4bf40;
    --lp-accent: #fb7185;
    --lp-bg: #0a0f14;
    --lp-bg-subtle: #0f1419;
    --lp-surface: #151c24;
    --lp-surface-raised: #1a232d;
    --lp-surface-glass: #151c24d1;
    --lp-surface-muted: #1e2833;
    --lp-border: #94a3b824;
    --lp-text: #f1f5f9;
    --lp-text-muted: #94a3b8;
    --lp-gradient-hero: linear-gradient(160deg, #0a0f14 0%, #0f1a1f 40%, #0a1218 100%);
    --lp-gradient-brand: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 55%, #0d9488 100%);
    --lp-gradient-stats: linear-gradient(135deg, #0f172a 0%, #134e4a 55%, #1e293b 100%);
    --lp-closing-bg: linear-gradient(180deg, #0f172a 0%, #0c1220 100%);
    --lp-shadow-sm: 0 4px 24px #00000059;
    --lp-overlay: #000000b8;
    --primary: var(--lp-primary);
    --primary-dark: var(--lp-primary-dark);
    --text-dark: var(--lp-text);
    --text-light: var(--lp-text-muted);
    --white: var(--lp-surface);
    --gradient-1: var(--lp-gradient-brand);
  }
}

.landing-page-root {
  --font-display: var(--font-outfit), system-ui, -apple-system, sans-serif;
  --font-body: var(--font-outfit), system-ui, -apple-system, sans-serif;
  font-family: var(--font-outfit), system-ui, -apple-system, sans-serif;
}

.landing-page-root h1, .landing-page-root h2, .landing-page-root h3, .landing-page-root h4, .landing-page-root h5, .landing-page-root h6 {
  font-family: var(--font-display);
}

.landing-page-root {
  --lp-module-frame-bg: linear-gradient(155deg, #0c1929 0%, #0f2424 48%, #0a1618 100%);
  --lp-module-frame-border: #5eead473;
  --lp-module-frame-shadow: 0 0 0 1px #2dd4bf1f,
    0 0 32px #2dd4bf2e,
    0 0 64px #0d94881f;
  --lp-module-frame-inset: inset 0 1px 0 #ffffff0f;
  --lp-module-ring-border: #5eead438;
  --lp-module-ring-opacity-1: .55;
  --lp-module-ring-opacity-2: .35;
  --lp-module-ring-opacity-3: .2;
  --lp-module-icon-filter: drop-shadow(0 0 12px #5eead48c);
  --lp-module-glyph-start: #5eead4;
  --lp-module-glyph-end: #2dd4bf;
  --lp-module-badge-bg: #0f172ab8;
  --lp-module-badge-color: #5eead4;
  --lp-module-badge-border: #5eead459;
  --lp-module-badge-shadow: 0 0 18px #2dd4bf40;
  --lp-panel-glow-edge: #0d948812;
  --lp-panel-glow-core: #0d948838;
  --lp-panel-glow-mid: #0d94881c;
  --lp-panel-glow-outer: #0d94880d;
  --lp-panel-glow-halo: #0d94884d;
  --lp-cta-glow-edge: #8813371a;
  --lp-cta-glow-core: #8813373d;
  --lp-cta-glow-mid: #be123c24;
  --lp-cta-glow-outer: #88133712;
  --lp-cta-glow-halo: #be123c52;
  --lp-cta-card-bg: #0f172a;
  --lp-cta-card-border: #be123c47;
}

html[data-theme="light"] .landing-page-root, html:not([data-theme]) .landing-page-root {
  --lp-glow-card-shadow: 0 0 36px 10px #14b8a647,
    0 0 68px 22px #0d94882b,
    0 0 100px 40px #0d948817;
  --lp-cta-glow-card-shadow: 0 0 36px 10px #be123c42,
    0 0 68px 22px #88133729,
    0 0 100px 40px #88133714;
  --lp-panel-glow-edge: transparent;
  --lp-panel-glow-core: #14b8a647;
  --lp-panel-glow-mid: #0d94882b;
  --lp-panel-glow-outer: #0d948817;
  --lp-panel-glow-halo: #14b8a638;
  --lp-cta-glow-edge: #8813371a;
  --lp-cta-glow-core: #8813373d;
  --lp-cta-glow-mid: #be123c24;
  --lp-cta-glow-outer: #88133712;
  --lp-cta-glow-halo: #be123c52;
  --lp-cta-card-bg: #fff;
  --lp-cta-card-border: transparent;
  --lp-module-frame-bg: linear-gradient(155deg, #fff 0%, #f0fdfa 52%, #ecfeff 100%);
  --lp-module-frame-border: #0d948852;
  --lp-module-frame-shadow: 0 0 0 1px #0d948814,
    0 0 36px 10px #14b8a647,
    0 0 68px 22px #0d948824,
    0 0 100px 40px #0d948812;
  --lp-module-frame-inset: inset 0 1px 0 #fffffff2;
  --lp-module-ring-border: #0d948842;
  --lp-module-ring-opacity-1: .7;
  --lp-module-ring-opacity-2: .45;
  --lp-module-ring-opacity-3: .28;
  --lp-module-icon-filter: drop-shadow(0 0 10px #0d94886b);
  --lp-module-glyph-start: #14b8a6;
  --lp-module-glyph-end: #0f766e;
  --lp-module-badge-bg: #fff;
  --lp-module-badge-color: #0f766e;
  --lp-module-badge-border: #0d948861;
  --lp-module-badge-shadow: 0 0 16px #0d948838;
}

html[data-theme="light"] .landing-page, html:not([data-theme]) .landing-page {
  --lp-register-card-bg: #fff;
  --lp-register-card-heading: #0f172a;
  --lp-register-card-body: #475569;
  --lp-register-card-foot: #64748b;
  --lp-register-card-border: transparent;
  --lp-register-card-shine: #0d948814;
}

.landing-page {
  background: var(--lp-bg);
  color: var(--lp-text);
  --lp-nav-menu-bg: #f8fafcb8;
  --lp-nav-menu-bg-scrolled: #f1f5f9e6;
  --lp-nav-menu-border: var(--lp-border);
  --lp-nav-menu-inset: inset 0 1px 0 #ffffffe0;
  --lp-nav-menu-link: var(--lp-text-muted);
  --lp-nav-menu-link-hover-bg: var(--lp-surface);
  --lp-nav-menu-link-hover-color: var(--lp-primary-dark);
  min-height: 100vh;
}

body:has(.landing-page-root) {
  background: var(--lp-bg);
  color: var(--lp-text);
  font-family: var(--font-outfit), system-ui, -apple-system, sans-serif;
}

.landing-theme-toggle {
  border: 1px solid var(--lp-border);
  background: var(--lp-surface-muted);
  width: 40px;
  height: 40px;
  color: var(--lp-text-muted);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: color .2s, background .2s, border-color .2s, transform .2s;
  display: inline-flex;
}

.landing-theme-toggle:hover {
  color: var(--lp-primary);
  border-color: var(--lp-primary);
  background: var(--lp-surface);
  transform: translateY(-1px);
}

.landing-theme-toggle i {
  font-size: .95rem;
}

html[data-theme="dark"] .landing-page-root {
  --lp-glow-card-shadow: initial;
  --lp-cta-card-bg: #0f172a;
  --lp-cta-card-border: #be123c47;
}

html[data-theme="dark"] .landing-page {
  --lp-nav-menu-bg: #151c24d1;
  --lp-nav-menu-bg-scrolled: #1a232df0;
  --lp-nav-menu-border: var(--lp-border);
  --lp-nav-menu-inset: inset 0 1px 0 #ffffff0f;
  --lp-nav-menu-link: var(--lp-text-muted);
  --lp-nav-menu-link-hover-bg: #ffffff0f;
  --lp-nav-menu-link-hover-color: var(--lp-primary-light);
  --lp-register-card-bg: #0f172a;
  --lp-register-card-heading: #f8fafc;
  --lp-register-card-body: #f1f5f9e0;
  --lp-register-card-foot: #f1f5f9c7;
  --lp-register-card-border: #14b8a661;
  --lp-register-card-shine: #14b8a624;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .landing-page-root {
    --lp-module-frame-bg: linear-gradient(155deg, #0c1929 0%, #0f2424 48%, #0a1618 100%);
    --lp-module-frame-border: #5eead473;
    --lp-module-frame-shadow: 0 0 0 1px #2dd4bf1f,
      0 0 32px #2dd4bf2e,
      0 0 64px #0d94881f;
    --lp-module-frame-inset: inset 0 1px 0 #ffffff0f;
    --lp-module-ring-border: #5eead438;
    --lp-module-ring-opacity-1: .55;
    --lp-module-ring-opacity-2: .35;
    --lp-module-ring-opacity-3: .2;
    --lp-module-icon-filter: drop-shadow(0 0 12px #5eead48c);
    --lp-module-glyph-start: #5eead4;
    --lp-module-glyph-end: #2dd4bf;
    --lp-module-badge-bg: #0f172ab8;
    --lp-module-badge-color: #5eead4;
    --lp-module-badge-border: #5eead459;
    --lp-module-badge-shadow: 0 0 18px #2dd4bf40;
    --lp-glow-card-shadow: initial;
    --lp-panel-glow-edge: #0d948812;
    --lp-panel-glow-core: #0d948838;
    --lp-panel-glow-mid: #0d94881c;
    --lp-panel-glow-outer: #0d94880d;
    --lp-panel-glow-halo: #0d94884d;
    --lp-cta-glow-edge: #8813371a;
    --lp-cta-glow-core: #8813373d;
    --lp-cta-glow-mid: #be123c24;
    --lp-cta-glow-outer: #88133712;
    --lp-cta-glow-halo: #be123c52;
    --lp-cta-card-bg: #0f172a;
    --lp-cta-card-border: #be123c47;
  }

  html:not([data-theme="light"]) .landing-page {
    --lp-nav-menu-bg: #151c24d1;
    --lp-nav-menu-bg-scrolled: #1a232df0;
    --lp-nav-menu-inset: inset 0 1px 0 #ffffff0f;
    --lp-nav-menu-link-hover-bg: #ffffff0f;
    --lp-nav-menu-link-hover-color: var(--lp-primary-light);
    --lp-register-card-bg: #0f172a;
    --lp-register-card-heading: #f8fafc;
    --lp-register-card-body: #f1f5f9e0;
    --lp-register-card-foot: #f1f5f9c7;
    --lp-register-card-border: #14b8a661;
    --lp-register-card-shine: #14b8a624;
  }
}

.landing-page .site-nav__bar {
  background: var(--lp-surface-glass);
  border-bottom-color: #0000;
}

.landing-page .site-nav.scrolled .site-nav__bar {
  background: var(--lp-surface-glass);
  border-bottom-color: var(--lp-border);
  box-shadow: var(--lp-shadow-sm);
}

.landing-page .site-nav__menu, .landing-page .site-nav.scrolled .site-nav__menu {
  background: var(--lp-nav-menu-bg);
  border-color: var(--lp-nav-menu-border);
  box-shadow: var(--lp-nav-menu-inset);
}

.landing-page .site-nav.scrolled .site-nav__menu {
  background: var(--lp-nav-menu-bg-scrolled);
}

.landing-page .site-nav__menu a {
  color: var(--lp-nav-menu-link);
}

.landing-page .site-nav__menu a:hover {
  color: var(--lp-nav-menu-link-hover-color);
  background: var(--lp-nav-menu-link-hover-bg);
  box-shadow: none;
}

.landing-page .site-nav__portals {
  background: var(--lp-surface-muted);
  border-color: var(--lp-border);
}

.landing-page .site-nav__portal-btn {
  color: var(--lp-text);
}

.landing-page .site-nav__portal-btn--clinic {
  background: color-mix(in srgb, var(--lp-primary) 12%, transparent);
}

.landing-page .hero {
  background: var(--lp-gradient-hero);
}

.landing-page .hero:before {
  background: radial-gradient(ellipse, var(--lp-hero-mesh-1) 0%, transparent 70%);
}

.landing-page .hero-visual-primary {
  background: var(--lp-gradient-card);
  box-shadow: var(--lp-shadow-md);
  border: 1px solid var(--lp-border);
}

.landing-page .hero-visual--doctor .hero-visual-primary {
  background: linear-gradient(160deg,
    color-mix(in srgb, var(--lp-surface) 70%, transparent) 0%,
    color-mix(in srgb, var(--lp-primary) 8%, transparent) 100%);
  border: 1px solid var(--lp-border);
  box-shadow: var(--lp-shadow-md);
}

.landing-page .hero-visual-secondary {
  background: var(--lp-surface-glass);
  border-color: var(--lp-border);
  box-shadow: var(--lp-shadow-sm);
}

.landing-page .hero-visual-secondary-text strong {
  color: var(--lp-text);
}

.landing-page .landing-stats {
  background: var(--lp-gradient-stats);
}

.landing-page .about {
  background: var(--lp-surface);
}

.landing-page .product {
  background: linear-gradient(180deg, var(--lp-bg-subtle) 0%, var(--lp-surface) 100%);
  overflow: visible;
}

.landing-page .product-card {
  background: var(--lp-register-card-bg);
  color: var(--lp-register-card-heading);
  border: 1px solid var(--lp-register-card-border);
  box-shadow: var(--lp-glow-card-shadow, 0 0 0 1px var(--lp-panel-glow-edge), 0 0 44px 8px var(--lp-panel-glow-core), 0 0 72px 18px var(--lp-panel-glow-mid), 0 0 108px 30px var(--lp-panel-glow-outer));
}

.landing-page .product-card:before {
  background: radial-gradient(ellipse 80% 60% at 50% 0%,
    var(--lp-register-card-shine),
    transparent 68%);
}

.landing-page .product-card .product-content h2 {
  color: var(--lp-register-card-heading);
}

.landing-page .product-card .product-content > p {
  color: var(--lp-register-card-body);
}

.landing-page .product-card .section-tag {
  background: color-mix(in srgb, var(--lp-primary) 12%, transparent);
  color: var(--lp-primary-dark);
}

.landing-page .product-card.reveal.active {
  animation: 4s ease-in-out infinite registerCardGlowLanding;
}

.landing-page .product-card:hover {
  border-color: #2dd4bf8c;
}

html[data-theme="light"] .landing-page .product-card, html[data-theme="light"] .landing-page .tiba-register-card {
  box-shadow: var(--lp-glow-card-shadow);
  border: none;
}

html[data-theme="light"] .landing-page .cta-card {
  box-shadow: var(--lp-cta-glow-card-shadow);
  border: none;
}

html[data-theme="light"] .landing-page .product-card:hover, html[data-theme="light"] .landing-page .tiba-register-card:hover {
  border-color: #0000;
}

html[data-theme="light"] .landing-page .product-card:after, html[data-theme="light"] .landing-page .tiba-register-card:after {
  opacity: .45;
}

html[data-theme="light"] .landing-page .cta-card:after {
  opacity: .55;
}

html[data-theme="light"] .landing-page .product-card__cta {
  box-shadow: 0 8px 24px #0f172a14;
}

html[data-theme="light"] .landing-page .product-card__cta--secondary {
  box-shadow: none;
  color: var(--lp-primary-dark) !important;
  border: 2px solid var(--lp-primary-dark) !important;
}

html[data-theme="light"] .landing-page .product-card__cta--secondary:hover {
  background: #0d948814 !important;
}

.landing-page .landing-workflow {
  background: var(--lp-surface);
}

.landing-page .landing-workflow-card {
  background: var(--lp-gradient-card);
  border-color: var(--lp-border);
}

.landing-page {
  --lp-brand-maroon: #881337;
  --lp-brand-gold-start: #f59e0b;
  --lp-brand-gold-end: #fbbf24;
  --lp-brand-green-deep: #0f766e;
  --lp-brand-green-mid: #14b8a6;
  --lp-brand-green-light: #2dd4bf;
}

.landing-page .landing-workflow-card--green {
  background: linear-gradient(160deg,
    var(--lp-surface) 0%,
    color-mix(in srgb, var(--lp-brand-green-mid) 10%, var(--lp-surface)) 100%);
  border-color: color-mix(in srgb, var(--lp-brand-green-mid) 28%, var(--lp-border));
}

.landing-page .landing-workflow-card--gold {
  background: linear-gradient(160deg,
    var(--lp-surface) 0%,
    color-mix(in srgb, var(--lp-brand-gold-start) 12%, var(--lp-surface)) 100%);
  border-color: color-mix(in srgb, var(--lp-brand-maroon) 22%, var(--lp-border));
}

.landing-page .landing-workflow-card--green .landing-workflow-mark {
  background: linear-gradient(145deg,
    var(--lp-surface-raised) 0%,
    color-mix(in srgb, var(--lp-brand-green-mid) 18%, transparent) 100%);
  border-color: color-mix(in srgb, var(--lp-brand-green-mid) 32%, var(--lp-border));
}

.landing-page .landing-workflow-card--gold .landing-workflow-mark {
  background: linear-gradient(145deg,
    var(--lp-surface-raised) 0%,
    color-mix(in srgb, var(--lp-brand-gold-start) 20%, transparent) 100%);
  border-color: color-mix(in srgb, var(--lp-brand-gold-start) 35%, var(--lp-border));
}

.landing-page .landing-workflow-track-node--green {
  background: linear-gradient(145deg,
    var(--lp-surface-raised) 0%,
    color-mix(in srgb, var(--lp-brand-green-mid) 16%, transparent) 100%);
  border-color: color-mix(in srgb, var(--lp-brand-green-mid) 30%, var(--lp-border));
}

.landing-page .landing-workflow-track-node--gold {
  background: linear-gradient(145deg,
    var(--lp-surface-raised) 0%,
    color-mix(in srgb, var(--lp-brand-gold-start) 18%, transparent) 100%);
  border-color: color-mix(in srgb, var(--lp-brand-maroon) 24%, var(--lp-border));
}

.landing-page .tiba-features {
  background: linear-gradient(180deg, var(--lp-surface) 0%, var(--lp-bg-subtle) 100%);
}

.landing-page .tiba-feature-card {
  background: var(--lp-surface-raised);
  border-color: var(--lp-border);
  box-shadow: var(--lp-shadow-sm);
}

.landing-page .landing-trust {
  background: color-mix(in srgb, var(--lp-primary) 8%, var(--lp-bg));
  border-color: var(--lp-border);
}

.landing-page .tiba-register {
  background: var(--lp-bg-subtle);
  margin-top: -2.5rem;
  padding-top: 6rem;
  padding-bottom: 5.5rem;
  overflow: visible;
}

.landing-page .tiba-register-card {
  background: var(--lp-register-card-bg);
  color: var(--lp-register-card-heading);
  border: 1px solid var(--lp-register-card-border);
  box-shadow: var(--lp-glow-card-shadow, 0 0 0 1px var(--lp-panel-glow-edge), 0 0 44px 8px var(--lp-panel-glow-core), 0 0 72px 18px var(--lp-panel-glow-mid), 0 0 108px 30px var(--lp-panel-glow-outer));
}

.landing-page .tiba-register-card:before {
  background: radial-gradient(ellipse 80% 60% at 50% 0%,
    var(--lp-register-card-shine),
    transparent 68%);
}

.landing-page .tiba-register-card h2 {
  color: var(--lp-register-card-heading);
}

.landing-page .tiba-register-card > p {
  color: var(--lp-register-card-body);
}

.landing-page .tiba-register-foot {
  color: var(--lp-register-card-foot);
}

.landing-page .tiba-register-foot a {
  color: var(--hq-gold, #d97706);
}

.landing-page .tiba-register-foot a:hover {
  color: var(--hq-gold-start, #f59e0b);
}

html[data-theme="dark"] .landing-page .tiba-register-card .cta-btn.white, html[data-theme="dark"] .landing-page .tiba-register-cta {
  box-shadow: 0 10px 32px #00000047, 0 0 20px #0d948826;
}

.landing-page .tiba-register-card.reveal.active {
  animation: 4s ease-in-out infinite registerCardGlowLanding;
}

.landing-page .tiba-register-card:hover {
  border-color: #2dd4bf8c;
}

html[data-theme="light"] .landing-page .tiba-register-card .cta-btn.white, html[data-theme="light"] .landing-page .tiba-register-cta, html[data-theme="light"] .landing-page .cta .cta-btn.white {
  box-shadow: 0 1px 0 #ffffff59 inset,
    0 0 0 1px #ffffff26,
    0 0 20px 5px var(--lp-cta-glow-core),
    0 0 40px 12px var(--lp-cta-glow-mid);
  color: var(--lp-primary-dark) !important;
}

html[data-theme="light"] .landing-page .tiba-register-card .cta-btn.white:hover, html[data-theme="light"] .landing-page .tiba-register-cta:hover, html[data-theme="light"] .landing-page .cta .cta-btn.white:hover {
  box-shadow: 0 1px 0 #fff6 inset,
    0 0 0 1px #fff3,
    0 0 24px 6px var(--lp-cta-glow-core),
    0 0 48px 14px var(--lp-cta-glow-mid);
}

html[data-theme="light"] .landing-page .cta .cta-btn.outline {
  border: 2px solid var(--lp-accent, #881337);
  color: var(--lp-accent, #881337);
  box-shadow: 0 0 0 1px #88133714,
    0 0 18px 4px var(--lp-cta-glow-mid),
    0 0 36px 10px var(--lp-cta-glow-outer);
  background: #ffffffa6 !important;
}

html[data-theme="light"] .landing-page .cta .cta-btn.outline:hover {
  box-shadow: 0 0 0 1px #8813371f,
    0 0 22px 5px var(--lp-cta-glow-core),
    0 0 44px 12px var(--lp-cta-glow-mid);
  background: #8813370f !important;
}

@keyframes registerCardGlowLanding {
  0%, 100% {
    box-shadow: 0 0 0 1px #14b8a61a, 0 0 40px 8px #0d948833, 0 0 68px 16px #0d94881a, 0 0 100px 26px #0d94880d;
  }

  50% {
    box-shadow: 0 0 0 1px #2dd4bf29, 0 0 48px 10px #0d948842, 0 0 80px 20px #0d94881f, 0 0 112px 30px #0d94880f;
  }
}

@keyframes registerCardGlowLandingLight {
  0%, 100% {
    box-shadow: 0 0 36px 10px #14b8a647, 0 0 68px 22px #0d94882b, 0 0 100px 40px #0d948817;
  }

  50% {
    box-shadow: 0 0 42px 12px #14b8a657, 0 0 76px 26px #0d948838, 0 0 112px 44px #0d94881f;
  }
}

html[data-theme="light"] .landing-page .product-card.reveal.active, html[data-theme="light"] .landing-page .tiba-register-card.reveal.active {
  animation: 4s ease-in-out infinite registerCardGlowLandingLight;
}

.landing-page .landing-closing, .landing-page .landing-closing.portfolio-team {
  background: var(--lp-closing-bg);
}

.landing-page .portfolio-team-card {
  background: var(--lp-surface-raised);
  border-color: var(--lp-border);
}

.landing-page .portfolio-team-card h3 {
  color: var(--lp-text);
}

.landing-page .portfolio-team-avatar--male {
  background: linear-gradient(145deg,
    color-mix(in srgb, var(--lp-primary) 12%, transparent) 0%,
    color-mix(in srgb, var(--lp-primary-dark) 22%, transparent) 100%);
}

.landing-page .portfolio-team-avatar--male i {
  color: var(--lp-primary-dark);
}

.landing-page .portfolio-team-avatar--female {
  background: linear-gradient(145deg,
    color-mix(in srgb, var(--lp-accent) 10%, transparent) 0%,
    color-mix(in srgb, var(--lp-accent-light) 18%, transparent) 100%);
}

.landing-page .portfolio-team-avatar--female i {
  color: var(--lp-accent);
}

.landing-page .landing-closing__cta.cta {
  background: none;
  margin-top: 0;
  padding-top: clamp(3rem, 6vw, 4.5rem);
  padding-bottom: 0;
}

.landing-page .landing-closing__cta.cta:before {
  display: none;
}

.landing-page .cta-card {
  background: var(--lp-cta-card-bg);
  border-color: var(--lp-cta-card-border);
  box-shadow: var(--lp-cta-glow-card-shadow, 0 0 0 1px var(--lp-cta-glow-edge),
    0 0 44px 8px var(--lp-cta-glow-core),
    0 0 72px 18px var(--lp-cta-glow-mid),
    0 0 108px 30px var(--lp-cta-glow-outer));
}

html[data-theme="light"] .landing-page .cta-card h2 {
  color: var(--lp-register-card-heading);
}

html[data-theme="light"] .landing-page .cta-card p {
  color: var(--lp-register-card-body);
}

.landing-page .cta-card:after {
  background: radial-gradient(ellipse 92% 88% at 50% 50%,
    var(--lp-cta-glow-halo) 0%,
    transparent 70%);
}

.landing-page .cta .cta-btn.white {
  box-shadow: 0 1px 0 #ffffff59 inset,
    0 0 0 1px #ffffff26,
    0 0 20px 5px var(--lp-cta-glow-core),
    0 0 40px 12px var(--lp-cta-glow-mid);
}

.landing-page .cta .cta-btn.white:hover {
  box-shadow: 0 1px 0 #fff6 inset,
    0 0 0 1px #fff3,
    0 0 24px 6px var(--lp-cta-glow-core),
    0 0 48px 14px var(--lp-cta-glow-mid);
}

.landing-page .cta .cta-btn.outline {
  box-shadow: 0 0 0 1px #ffffff1f,
    0 0 18px 4px var(--lp-cta-glow-mid),
    0 0 36px 10px var(--lp-cta-glow-outer);
}

.landing-page .cta .cta-btn.outline:hover {
  box-shadow: 0 0 0 1px #ffffff38,
    0 0 22px 5px var(--lp-cta-glow-core),
    0 0 44px 12px var(--lp-cta-glow-mid);
}

.landing-page .landing-footer {
  color: #f8fafce0;
  background: linear-gradient(#0f172a 0%, #0c1220 100%);
  border-top: 1px solid #94a3b81f;
}

html[data-theme="dark"] .landing-page .landing-footer {
  border-top-color: var(--lp-border);
  background: linear-gradient(#06090d 0%, #0a0f14 100%);
}

.landing-page .landing-footer-brand p, .landing-page .landing-footer-col a {
  color: #f8fafcbf;
}

.landing-page .landing-footer-col a:hover {
  color: var(--lp-primary-light);
}

.landing-page .landing-footer-col h4 {
  color: #f8fafc;
}

.landing-page .landing-footer-copy {
  color: #f8fafc73;
  border-top-color: #94a3b826;
}

.landing-page .section-header h2, .landing-page .product-content h2, .landing-page .landing-workflow-card h3, .landing-page .tiba-feature-card h3 {
  color: var(--lp-text);
}

.landing-page .section-header p, .landing-page .product-content > p, .landing-page .landing-workflow-card p, .landing-page .tiba-feature-card p {
  color: var(--lp-text-muted);
}

.landing-page .section-tag {
  background: color-mix(in srgb, var(--lp-primary) 12%, transparent);
  color: var(--lp-primary-dark);
}

html[data-theme="dark"] .landing-page .section-tag {
  color: var(--lp-primary-light);
}

.landing-page .hero h1 {
  color: var(--lp-text);
}

.landing-page .hero p, .landing-page .hero-portal-hint {
  color: var(--lp-text-muted);
}

.landing-page-root .modal-overlay {
  background: var(--lp-overlay);
}

.landing-page-root .tiba-register-modal {
  background: var(--lp-surface-raised);
  color: var(--lp-text);
  border-color: var(--lp-border);
  box-shadow: var(--lp-glow-card-shadow, 0 0 0 1px var(--lp-panel-glow-edge), 0 0 44px 8px var(--lp-panel-glow-core), 0 0 72px 18px var(--lp-panel-glow-mid), 0 0 108px 30px var(--lp-panel-glow-outer));
}

html[data-theme="light"] .landing-page-root .tiba-register-modal {
  box-shadow: var(--lp-glow-card-shadow);
  background: #fff;
  border: none;
}

@media (prefers-color-scheme: light) {
  html:not([data-theme]) .landing-page .product-card, html:not([data-theme]) .landing-page .tiba-register-card {
    box-shadow: var(--lp-glow-card-shadow);
    border: none;
  }

  html:not([data-theme]) .landing-page .cta-card {
    box-shadow: var(--lp-cta-glow-card-shadow);
    border: none;
  }

  html:not([data-theme]) .landing-page .product-card:hover, html:not([data-theme]) .landing-page .tiba-register-card:hover {
    border-color: #0000;
  }

  html:not([data-theme]) .landing-page .product-card:after, html:not([data-theme]) .landing-page .tiba-register-card:after {
    opacity: .45;
  }

  html:not([data-theme]) .landing-page .cta-card:after {
    opacity: .55;
  }

  html:not([data-theme]) .landing-page .product-card__cta {
    box-shadow: 0 8px 24px #0f172a14;
  }

  html:not([data-theme]) .landing-page .product-card__cta--secondary {
    box-shadow: none;
    color: var(--lp-primary-dark) !important;
    border: 2px solid var(--lp-primary-dark) !important;
  }

  html:not([data-theme]) .landing-page .product-card__cta--secondary:hover {
    background: #0d948814 !important;
  }

  html:not([data-theme]) .landing-page .tiba-register-card .cta-btn.white, html:not([data-theme]) .landing-page .tiba-register-cta, html:not([data-theme]) .landing-page .cta .cta-btn.white {
    box-shadow: 0 1px 0 #ffffff59 inset,
      0 0 0 1px #ffffff26,
      0 0 20px 5px var(--lp-cta-glow-core),
      0 0 40px 12px var(--lp-cta-glow-mid);
    color: var(--lp-primary-dark) !important;
  }

  html:not([data-theme]) .landing-page .tiba-register-card .cta-btn.white:hover, html:not([data-theme]) .landing-page .tiba-register-cta:hover, html:not([data-theme]) .landing-page .cta .cta-btn.white:hover {
    box-shadow: 0 1px 0 #fff6 inset,
      0 0 0 1px #fff3,
      0 0 24px 6px var(--lp-cta-glow-core),
      0 0 48px 14px var(--lp-cta-glow-mid);
  }

  html:not([data-theme]) .landing-page .cta .cta-btn.outline {
    border: 2px solid var(--lp-accent, #881337);
    color: var(--lp-accent, #881337);
    box-shadow: 0 0 0 1px #88133714,
      0 0 18px 4px var(--lp-cta-glow-mid),
      0 0 36px 10px var(--lp-cta-glow-outer);
    background: #ffffffa6 !important;
  }

  html:not([data-theme]) .landing-page .cta .cta-btn.outline:hover {
    box-shadow: 0 0 0 1px #8813371f,
      0 0 22px 5px var(--lp-cta-glow-core),
      0 0 44px 12px var(--lp-cta-glow-mid);
    background: #8813370f !important;
  }

  html:not([data-theme]) .landing-page .product-card.reveal.active, html:not([data-theme]) .landing-page .tiba-register-card.reveal.active {
    animation: 4s ease-in-out infinite registerCardGlowLandingLight;
  }

  html:not([data-theme]) .landing-page .cta-card h2 {
    color: var(--lp-register-card-heading);
  }

  html:not([data-theme]) .landing-page .cta-card p {
    color: var(--lp-register-card-body);
  }

  html:not([data-theme]) .landing-page-root .tiba-register-modal {
    box-shadow: var(--lp-glow-card-shadow);
    background: #fff;
    border: none;
  }
}

.landing-page-root .tiba-register-header {
  background: linear-gradient(180deg, var(--lp-surface-raised) 0%, var(--lp-surface-muted) 100%);
  border-bottom-color: var(--lp-border);
}

.landing-page-root .tiba-register-modal h2 {
  color: var(--lp-text);
}

.landing-page-root .modal-subtitle {
  color: var(--lp-text-muted);
}

.landing-page-root .form-group label {
  color: var(--lp-text);
}

.landing-page-root .form-group input, .landing-page-root .form-group textarea {
  background: var(--lp-surface-muted);
  color: var(--lp-text);
  border-color: var(--lp-border);
}

.landing-page-root .form-group input:focus, .landing-page-root .form-group textarea:focus {
  background: var(--lp-surface);
  border-color: var(--lp-primary);
}

.landing-page-root .tiba-register-footer {
  background: var(--lp-surface-raised);
  border-top-color: var(--lp-border);
}

.landing-page-root .tiba-register-cancel {
  border-color: var(--lp-border);
  color: var(--lp-text-muted);
}

.landing-page-root .modal-close {
  background: var(--lp-surface-muted);
  border-color: var(--lp-border);
  color: var(--lp-text-muted);
}

.landing-pillars {
  background: var(--lp-bg-subtle);
  padding: 4rem 5%;
}

.landing-pillars-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.25rem;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
}

.landing-pillar-card {
  background: var(--lp-surface-raised);
  border: 1px solid var(--lp-border);
  box-shadow: var(--lp-shadow-sm);
  border-radius: 20px;
  padding: 1.5rem 1.35rem;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s;
}

.landing-pillar-card:hover {
  box-shadow: var(--lp-shadow-md);
  transform: translateY(-4px);
}

.landing-pillar-card i {
  color: var(--lp-primary);
  margin-bottom: .85rem;
  font-size: 1.35rem;
}

.landing-pillar-card h3 {
  color: var(--lp-text);
  margin-bottom: .4rem;
  font-size: 1.05rem;
}

.landing-pillar-card p {
  color: var(--lp-text-muted);
  font-size: .9rem;
  line-height: 1.55;
}

.hero-mesh {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero-mesh__orb {
  filter: blur(60px);
  opacity: .85;
  border-radius: 50%;
  position: absolute;
}

.hero-mesh__orb--1 {
  background: var(--lp-hero-mesh-1);
  width: min(420px, 55vw);
  height: min(420px, 55vw);
  top: 8%;
  right: 5%;
}

.hero-mesh__orb--2 {
  background: var(--lp-hero-mesh-2);
  width: min(320px, 45vw);
  height: min(320px, 45vw);
  bottom: 15%;
  left: 8%;
}

.hero-mesh__orb--3 {
  background: var(--lp-hero-mesh-3);
  width: min(200px, 30vw);
  height: min(200px, 30vw);
  top: 40%;
  left: 35%;
}

.landing-mobile-app {
  background: var(--lp-surface);
  border-top: 1px solid var(--lp-border);
  padding: 3.5rem 5%;
}

.landing-mobile-app__inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
}

.landing-mobile-app__copy {
  flex: 1;
  min-width: 260px;
  max-width: 520px;
}

.landing-mobile-app__badge {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--lp-primary-dark);
  background: color-mix(in srgb, var(--lp-primary) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--lp-primary) 28%, transparent);
  border-radius: 999px;
  align-items: center;
  gap: .4rem;
  margin-bottom: .85rem;
  padding: .35rem .75rem;
  font-size: .72rem;
  font-weight: 700;
  display: inline-flex;
}

html[data-theme="dark"] .landing-mobile-app__badge {
  color: var(--lp-primary-light);
}

.landing-mobile-app__copy h2 {
  color: var(--lp-text);
  margin-bottom: .5rem;
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  line-height: 1.2;
}

.landing-mobile-app__copy p {
  color: var(--lp-text-muted);
  font-size: 1rem;
  line-height: 1.6;
}

.landing-mobile-app__stores {
  flex-wrap: wrap;
  align-items: center;
  gap: .85rem;
  display: flex;
}

.landing-store-btn {
  border: 1px solid var(--lp-border);
  cursor: not-allowed;
  border-radius: 14px;
  align-items: center;
  gap: .75rem;
  min-width: 210px;
  padding: .55rem 1rem .55rem .7rem;
  transition: transform .28s cubic-bezier(.22, 1, .36, 1), box-shadow .28s, border-color .28s;
  display: inline-flex;
  position: relative;
}

.landing-store-btn:hover {
  transform: translateY(-3px);
}

.landing-store-btn__mark {
  border-radius: 11px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.landing-store-btn__brand-icon {
  width: 26px;
  height: 26px;
  display: block;
}

.landing-store-btn__text {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  gap: .1rem;
  min-width: 0;
  display: flex;
}

.landing-store-btn__kicker {
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .88;
  font-size: .62rem;
  font-weight: 600;
  line-height: 1.2;
}

.landing-store-btn__title {
  font-family: var(--font-display);
  letter-spacing: -.02em;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.15;
}

.landing-store-btn__soon {
  letter-spacing: .06em;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 999px;
  padding: .15rem .45rem;
  font-size: .58rem;
  font-weight: 800;
  position: absolute;
  top: -.4rem;
  right: .65rem;
}

.landing-store-btn--green {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--lp-primary) 14%, var(--lp-surface-raised)) 0%,
    var(--lp-surface-raised) 55%);
  border-color: color-mix(in srgb, var(--lp-primary) 35%, var(--lp-border));
  box-shadow: 0 10px 28px color-mix(in srgb, var(--lp-primary) 18%, transparent);
  color: var(--lp-text);
}

.landing-store-btn--green .landing-store-btn__mark {
  background: color-mix(in srgb, var(--lp-primary) 18%, var(--lp-surface));
  color: #f0fdfa;
  box-shadow: inset 0 1px #ffffff1f;
}

html[data-theme="dark"] .landing-store-btn--green .landing-store-btn__mark {
  color: #f0fdfa;
}

.landing-store-btn--green .landing-store-btn__kicker {
  color: var(--lp-primary-dark);
}

html[data-theme="dark"] .landing-store-btn--green .landing-store-btn__kicker {
  color: var(--lp-primary-light);
}

.landing-store-btn--green .landing-store-btn__title {
  color: var(--lp-text);
}

.landing-store-btn--green .landing-store-btn__soon {
  background: var(--lp-primary);
  color: #f0fdfa;
}

.landing-store-btn--gold {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--hq-gold, #d97706) 12%, var(--lp-surface-raised)) 0%,
    var(--lp-surface-raised) 60%);
  border-color: color-mix(in srgb, var(--hq-gold, #d97706) 38%, var(--lp-border));
  box-shadow: 0 10px 28px color-mix(in srgb, var(--hq-gold, #d97706) 22%, transparent);
  color: var(--lp-text);
}

.landing-store-btn--gold .landing-store-btn__mark {
  background: color-mix(in srgb, var(--hq-gold, #d97706) 10%, var(--lp-surface));
  box-shadow: inset 0 1px #ffffff1a;
}

.landing-store-btn--gold .landing-store-btn__kicker {
  color: var(--hq-gold, #d97706);
}

html[data-theme="dark"] .landing-store-btn--gold .landing-store-btn__kicker {
  color: var(--hq-gold-end, #fbbf24);
}

.landing-store-btn--gold .landing-store-btn__title {
  color: var(--lp-text);
}

.landing-store-btn--gold .landing-store-btn__soon {
  background: linear-gradient(135deg, var(--hq-gold-start, #f59e0b), var(--hq-gold-end, #fbbf24));
  color: #422006;
}

.site-nav__menu-theme {
  list-style: none;
  display: none;
}

@media (max-width: 1024px) {
  .landing-page .site-nav__menu, .landing-page .site-nav__menu.is-open {
    background: var(--lp-surface-raised);
    border-color: var(--lp-border);
    box-shadow: var(--lp-shadow-md);
  }

  .landing-page .site-nav__portal-link {
    color: var(--lp-text);
    background: var(--lp-surface-muted);
    border-color: var(--lp-border);
  }

  .landing-page .site-nav__portal-link--clinic {
    background: color-mix(in srgb, var(--lp-primary) 14%, var(--lp-surface-muted));
  }

  .site-nav__menu-theme {
    border-top: 1px solid var(--lp-border);
    margin-top: .35rem;
    padding-top: .5rem;
    display: list-item;
  }

  .site-nav__menu-theme .landing-theme-toggle {
    border-radius: 12px;
    width: 100%;
    height: 44px;
  }
}

/* [project]/src/styles/swal.css [app-client] (css) */
body .swal2-container {
  z-index: 10000 !important;
}

.tiba-swal-popup {
  font-family: var(--font-body) !important;
  background: var(--color-surface, #fff) !important;
  color: var(--color-text, #0f172a) !important;
  border: 1px solid var(--color-border, #e2e8f0) !important;
  border-radius: 16px !important;
  padding: 1.5rem 1.25rem 1.25rem !important;
  box-shadow: 0 24px 64px #0f172a26 !important;
}

.tiba-swal-title {
  font-family: var(--font-display, system-ui, sans-serif) !important;
  color: var(--color-text, #0f172a) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}

.tiba-swal-text {
  color: var(--color-text-muted, #475569) !important;
  font-size: .9rem !important;
  line-height: 1.55 !important;
}

.tiba-swal-btn {
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
  padding: .55rem 1.25rem;
  font-size: .88rem;
  font-weight: 600;
  transition: background .15s, transform .15s;
  display: inline-flex;
}

.tiba-swal-btn:hover {
  transform: translateY(-1px);
}

.tiba-swal-btn--confirm {
  background: var(--color-primary, #881337);
  color: #fff;
}

.tiba-swal-btn--confirm:hover {
  background: var(--color-primary-hover, #9f1239);
}

.tiba-swal-btn--cancel {
  background: var(--color-surface-muted, #f1f5f9);
  color: var(--color-text-muted, #475569);
  border: 1px solid var(--color-border, #e2e8f0);
}

.tiba-swal-btn--cancel:hover {
  background: var(--color-surface-hover, #fff1f2);
  color: var(--color-text, #0f172a);
}

.swal2-icon {
  border-color: var(--color-border-strong, #cbd5e1) !important;
  color: var(--color-primary, #881337) !important;
}

.swal2-warning {
  color: #b45309 !important;
  border-color: #fde68a !important;
}

.tiba-swal-toast.tiba-swal-popup {
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 12px !important;
  padding: .75rem 1rem !important;
  box-shadow: 0 8px 24px #0f172a1f !important;
}

.tiba-swal-toast .tiba-swal-title {
  margin: 0 !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
}

.tiba-swal-toast .tiba-swal-text {
  margin-top: .2rem !important;
  font-size: .82rem !important;
}

.tiba-swal-toast .swal2-icon {
  border-width: 2px !important;
  width: 1.5rem !important;
  min-width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 .5rem 0 0 !important;
}

.tiba-swal-toast .swal2-icon-content {
  font-size: .9rem !important;
}

.tiba-swal-toast--success {
  background: #ecfdf5 !important;
  border-color: #6ee7b7 !important;
}

.tiba-swal-toast--success .tiba-swal-title {
  color: #047857 !important;
}

.tiba-swal-toast--success .tiba-swal-text {
  color: #065f46 !important;
}

.tiba-swal-toast--success .swal2-success {
  border-color: #34d399 !important;
}

.tiba-swal-toast--success .swal2-success [class^="swal2-success-line"] {
  background-color: #10b981 !important;
}

.tiba-swal-toast--success .swal2-success .swal2-success-ring {
  border-color: #10b9814d !important;
}

.tiba-swal-toast--success .swal2-timer-progress-bar {
  background: #10b981 !important;
}

.tiba-swal-toast--error {
  background: #fef2f2 !important;
  border-color: #fca5a5 !important;
}

.tiba-swal-toast--error .tiba-swal-title {
  color: #b91c1c !important;
}

.tiba-swal-toast--error .tiba-swal-text {
  color: #991b1b !important;
}

.tiba-swal-toast--error .swal2-error {
  color: #dc2626 !important;
  border-color: #f87171 !important;
}

.tiba-swal-toast--error .swal2-timer-progress-bar {
  background: #ef4444 !important;
}

.tiba-swal-toast--loading {
  background: #eff6ff !important;
  border-color: #93c5fd !important;
}

.tiba-swal-toast--loading .tiba-swal-title {
  color: #1d4ed8 !important;
}

.tiba-swal-toast--loading .tiba-swal-text {
  color: #1e40af !important;
}

.tiba-swal-toast--loading .swal2-icon.swal2-info {
  color: #2563eb !important;
  border-color: #60a5fa !important;
}

.tiba-swal-toast--loading .swal2-loader {
  border-color: #3b82f6 #0000 !important;
}

.tiba-swal-toast--loading .swal2-timer-progress-bar {
  background: #3b82f6 !important;
}

.tiba-swal-toast--info {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

.tiba-swal-toast--info .tiba-swal-title {
  color: #334155 !important;
}

.tiba-swal-toast--info .tiba-swal-text {
  color: #475569 !important;
}

.tiba-swal-toast--info .swal2-icon.swal2-info {
  color: #475569 !important;
  border-color: #94a3b8 !important;
}

.tiba-swal-toast--info .swal2-timer-progress-bar {
  background: #64748b !important;
}

html[data-theme="dark"] .tiba-swal-toast--success {
  background: #064e3b !important;
  border-color: #059669 !important;
}

html[data-theme="dark"] .tiba-swal-toast--success .tiba-swal-title {
  color: #6ee7b7 !important;
}

html[data-theme="dark"] .tiba-swal-toast--success .tiba-swal-text {
  color: #a7f3d0 !important;
}

html[data-theme="dark"] .tiba-swal-toast--error {
  background: #450a0a !important;
  border-color: #b91c1c !important;
}

html[data-theme="dark"] .tiba-swal-toast--error .tiba-swal-title {
  color: #fca5a5 !important;
}

html[data-theme="dark"] .tiba-swal-toast--error .tiba-swal-text {
  color: #fecaca !important;
}

html[data-theme="dark"] .tiba-swal-toast--loading {
  background: #1e3a8a !important;
  border-color: #2563eb !important;
}

html[data-theme="dark"] .tiba-swal-toast--loading .tiba-swal-title {
  color: #93c5fd !important;
}

html[data-theme="dark"] .tiba-swal-toast--loading .tiba-swal-text {
  color: #bfdbfe !important;
}

html[data-theme="dark"] .tiba-swal-toast--info {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html[data-theme="dark"] .tiba-swal-toast--info .tiba-swal-title {
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .tiba-swal-toast--info .tiba-swal-text {
  color: #cbd5e1 !important;
}

/* [project]/src/app/landing.css [app-client] (css) */
.page-loading {
  pointer-events: none;
}

.page-loading .hero-badge, .page-loading .hero h1, .page-loading .hero p, .page-loading .hero-buttons, .page-loading .hero-portal-hint {
  opacity: .35;
}

.site-nav {
  z-index: 1000;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.site-nav__bar, .site-nav__backdrop {
  pointer-events: auto;
}

.site-nav__bar {
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
  background: #ffffffb8;
  border-bottom: 1px solid #0000;
  transition: background .35s, border-color .35s, box-shadow .35s;
}

.site-nav.scrolled .site-nav__bar {
  background: #ffffffeb;
  border-bottom-color: #94a3b847;
  box-shadow: inset 0 1px #fffc, 0 12px 40px -18px #0f172a2e;
}

.site-nav__inner {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1.25rem;
  max-width: 1280px;
  margin: 0 auto;
  padding: .85rem clamp(1rem, 4vw, 2rem);
  display: grid;
}

.site-nav.scrolled .site-nav__inner {
  padding-top: .65rem;
  padding-bottom: .65rem;
}

.site-nav__logo {
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  transition: opacity .2s, transform .2s;
  display: flex;
}

.site-nav__logo:hover {
  opacity: .88;
  transform: translateY(-1px);
}

.site-nav__logo-img {
  width: auto;
  max-width: min(100%, 180px);
  height: 34px;
  display: block;
}

.site-nav__menu {
  background: #f8fafca6;
  border: 1px solid #94a3b838;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .15rem;
  margin: 0;
  padding: .2rem;
  list-style: none;
  display: flex;
  box-shadow: inset 0 1px #ffffffe6;
}

.site-nav.scrolled .site-nav__menu {
  background: #f1f5f9d9;
  border-color: #94a3b84d;
}

.site-nav__menu li {
  margin: 0;
}

.site-nav__menu a {
  color: var(--text-light);
  letter-spacing: .01em;
  border-radius: 999px;
  align-items: center;
  padding: .5rem .85rem;
  font-size: .88rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s, background .2s, box-shadow .2s;
  display: inline-flex;
}

.site-nav__menu a:hover {
  color: var(--primary-dark);
  background: #fffffff2;
  box-shadow: 0 2px 8px #0d948814;
}

.site-nav__menu-portals, .site-nav__menu-cta {
  display: none;
}

.site-nav__actions {
  flex-shrink: 0;
  align-items: center;
  gap: .55rem;
  display: flex;
}

.site-nav__portals {
  background: #f8fafc80;
  border: 1px solid #94a3b833;
  border-radius: 999px;
  align-items: center;
  gap: .4rem;
  padding: .2rem;
  display: flex;
}

.site-nav__portal-btn {
  text-transform: uppercase;
  letter-spacing: .04em;
  width: 2.25rem;
  height: 2.25rem;
  color: var(--text-dark);
  background: none;
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: .8rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s, background .2s, border-color .2s, transform .2s;
  display: inline-flex;
}

.site-nav__portal-btn i {
  color: var(--primary);
  opacity: .9;
  font-size: .95rem;
}

.site-nav__portal-btn:hover {
  color: var(--primary-dark);
  background: #fffffff2;
  border-color: #0d948833;
  transform: translateY(-1px);
}

.site-nav__portal-btn--clinic {
  background: linear-gradient(135deg, #0d94881a 0%, #14b8a614 100%);
}

.site-nav__portal-btn--clinic:hover {
  background: linear-gradient(135deg, #0d948829 0%, #14b8a61f 100%);
}

.site-nav__cta {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #14b8a6 0%, #0d9488 55%, #0f766e 100%);
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: .55rem 1.15rem;
  font-family: inherit;
  font-size: .86rem;
  font-weight: 600;
  transition: transform .2s, box-shadow .2s;
  animation: 3.5s ease-in-out infinite ctaGlow;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff40, 0 8px 22px -8px #0d94888c;
}

.site-nav__cta:hover {
  animation-play-state: paused;
  transform: translateY(-2px)scale(1.02);
  box-shadow: inset 0 1px #ffffff4d, 0 14px 28px -10px #0d9488a6;
}

.site-nav__toggle {
  cursor: pointer;
  background: #ffffffe6;
  border: 1px solid #94a3b859;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  padding: 0;
  transition: border-color .2s, background .2s;
  display: none;
}

.site-nav__toggle span {
  background: var(--secondary);
  border-radius: 2px;
  width: 18px;
  height: 2px;
  transition: transform .25s, opacity .2s, width .2s;
  display: block;
}

.site-nav__toggle.is-active span:first-child {
  transform: translateY(7px)rotate(45deg);
}

.site-nav__toggle.is-active span:nth-child(2) {
  opacity: 0;
  width: 0;
}

.site-nav__toggle.is-active span:nth-child(3) {
  transform: translateY(-7px)rotate(-45deg);
}

.site-nav__backdrop {
  z-index: 999;
  -webkit-backdrop-filter: blur(6px);
  cursor: pointer;
  background: #0f172a66;
  border: none;
  animation: .25s navBackdropIn;
  display: none;
  position: fixed;
  inset: 0;
}

@keyframes navBackdropIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.cta-btn {
  background: var(--gradient-1);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
  border: none;
  border-radius: 50px;
  padding: .75rem 1.5rem;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  transition: transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s, filter .2s;
  box-shadow: 0 4px 15px #0d94884d;
}

.cta-btn:hover {
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 6px 25px #0d948866;
}

.cta-btn:active {
  transform: translateY(0)scale(.98);
}

.cta-btn.secondary {
  background: var(--lp-surface-raised, var(--gradient-3));
  color: var(--lp-text, inherit);
  border: 1px solid var(--lp-border, transparent);
  box-shadow: var(--lp-shadow-sm, 0 4px 15px #57534e40);
}

.landing-page .cta-btn.secondary {
  background: var(--lp-surface-raised);
  color: var(--lp-text);
  border: 1px solid var(--lp-border);
}

.landing-page .cta-btn.secondary:hover {
  border-color: var(--lp-primary);
  color: var(--lp-primary-dark);
}

.logo {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.logo-img {
  width: auto;
  height: 35px;
}

.hero {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  align-items: center;
  min-height: 100vh;
  padding: 8rem 5% 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero:before {
  content: "";
  background: radial-gradient(#0d948814 0%, #0000 70%);
  width: 80%;
  height: 150%;
  animation: 8s ease-in-out infinite pulse;
  position: absolute;
  top: -50%;
  right: -20%;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .8;
    transform: scale(1.1);
  }
}

.hero-inner {
  z-index: 2;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  align-items: center;
  gap: 3rem 3.5rem;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  position: relative;
}

.hero-content {
  z-index: 2;
  max-width: 620px;
  position: relative;
}

.hero-visual {
  justify-self: end;
  width: 100%;
  max-width: 520px;
  position: relative;
}

.hero-visual--live .hero-visual-primary {
  animation: 7s ease-in-out infinite floatY;
}

.hero-visual-primary {
  background: linear-gradient(145deg, #fff 0%, #f8fafc 100%);
  border-radius: 22px;
  margin: 0;
  transition: transform .45s, box-shadow .45s;
  overflow: hidden;
  transform: rotate(-1.25deg);
  box-shadow: 0 28px 55px #0f172a1f, 0 0 0 1px #94a3b840;
}

.hero-visual--doctor .hero-visual-primary {
  box-shadow: none;
  background: none;
  border: none;
  overflow: visible;
  transform: none;
}

.hero-visual--modules {
  max-width: 400px;
}

.hero-visual--modules.hero-visual--live {
  animation: 7s ease-in-out infinite floatY;
}

.module-showcase {
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  display: flex;
}

.module-showcase__frame {
  aspect-ratio: 1;
  background: var(--lp-module-frame-bg);
  border: 1px solid var(--lp-module-frame-border);
  width: min(100%, 340px);
  box-shadow: var(--lp-module-frame-shadow), var(--lp-module-frame-inset);
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.module-showcase__rings {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.module-showcase__ring {
  border: 1px solid var(--lp-module-ring-border);
  border-radius: 18px;
  animation: 4s ease-in-out infinite moduleRingPulse;
  position: absolute;
}

.module-showcase__ring--1 {
  width: 58%;
  height: 58%;
  opacity: var(--lp-module-ring-opacity-1);
  animation-delay: 0s;
}

.module-showcase__ring--2 {
  width: 72%;
  height: 72%;
  opacity: var(--lp-module-ring-opacity-2);
  animation-delay: .6s;
}

.module-showcase__ring--3 {
  width: 86%;
  height: 86%;
  opacity: var(--lp-module-ring-opacity-3);
  animation-delay: 1.2s;
}

@keyframes moduleRingPulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.04);
  }
}

.module-showcase__icon-wrap {
  z-index: 2;
  width: 42%;
  animation: .55s cubic-bezier(.22, 1, .36, 1) forwards moduleIconIn;
  position: relative;
}

@keyframes moduleIconIn {
  from {
    opacity: 0;
    transform: scale(.88)translateY(8px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

.module-showcase__icon {
  width: 100%;
  height: auto;
  filter: var(--lp-module-icon-filter);
  display: block;
}

.module-showcase__step-badge {
  z-index: 3;
  font-family: var(--font-display);
  letter-spacing: .12em;
  color: var(--lp-module-badge-color);
  background: var(--lp-module-badge-bg);
  border: 1px solid var(--lp-module-badge-border);
  box-shadow: var(--lp-module-badge-shadow);
  border-radius: 999px;
  padding: .35rem 1rem;
  font-size: .8rem;
  font-weight: 700;
  animation: .45s cubic-bezier(.22, 1, .36, 1) forwards moduleBadgePop;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes moduleBadgePop {
  from {
    opacity: 0;
    transform: translateX(-50%)scale(.85);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)scale(1);
  }
}

.module-showcase__label {
  text-align: center;
  opacity: 0;
  max-width: 320px;
  animation: .5s cubic-bezier(.22, 1, .36, 1) 80ms forwards moduleLabelIn;
}

@keyframes moduleLabelIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.module-showcase__label-kicker {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: .35rem;
  font-size: .68rem;
  font-weight: 700;
  display: block;
}

.module-showcase__label strong {
  font-family: var(--font-display);
  color: var(--secondary);
  margin-bottom: .35rem;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  display: block;
}

.module-showcase__label p {
  color: var(--text-light);
  margin: 0;
  font-size: .88rem;
  line-height: 1.5;
}

.module-showcase__nav {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.module-showcase__dot {
  cursor: pointer;
  background: #94a3b873;
  border: none;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  padding: 0;
  transition: transform .25s, background .25s, box-shadow .25s;
}

.module-showcase__dot:hover {
  background: #2dd4bfa6;
  transform: scale(1.15);
}

.module-showcase__dot--active {
  background: linear-gradient(90deg, #14b8a6, #5eead4);
  border-radius: 999px;
  width: 24px;
  box-shadow: 0 0 14px #2dd4bf8c;
}

.module-showcase__dot:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

@keyframes floatYDoctor {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}

.hero-visual--doctor.hero-visual--live .hero-visual-primary {
  animation: 7s ease-in-out infinite floatYDoctor;
}

.hero-visual-primary:hover {
  animation-play-state: paused;
  transform: rotate(0)translateY(-4px);
}

.hero-visual--doctor .hero-visual-primary:hover {
  animation-play-state: paused;
  transform: translateY(-8px);
}

.hero-visual-primary img {
  width: 100%;
  height: auto;
  display: block;
}

.hero-visual--doctor .hero-visual-primary img {
  max-width: 440px;
  margin: 0 auto;
}

.hero-visual--doctor .hero-visual-primary {
  background: linear-gradient(160deg, #fff9 0%, #f0fdfa59 100%);
  border-radius: 28px;
  padding: .5rem;
  box-shadow: 0 32px 64px #0f172a14, 0 0 0 1px #94a3b81f;
}

.hero-visual-secondary {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  opacity: 0;
  background: #ffffffeb;
  border: 1px solid #94a3b859;
  border-radius: 16px;
  align-items: center;
  gap: 1rem;
  max-width: min(300px, 92vw);
  padding: 1rem 1.15rem;
  animation: .85s .35s forwards fadeInUp;
  display: flex;
  position: absolute;
  bottom: 8%;
  right: -.25rem;
  transform: rotate(2deg);
  box-shadow: 0 16px 40px #0f172a1a;
}

.hero-visual-secondary-img {
  object-fit: contain;
  background: linear-gradient(135deg, #0d94881f 0%, #14b8a61a 100%);
  border-radius: 14px;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  padding: 6px;
}

.hero-visual-secondary-text {
  text-align: left;
  flex-direction: column;
  gap: .2rem;
  display: flex;
}

.hero-visual-secondary-kicker {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--primary);
  font-size: .68rem;
  font-weight: 700;
}

.hero-visual-secondary-text strong {
  font-family: var(--font-display);
  color: var(--secondary);
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.25;
}

.hero-visual-secondary-sub {
  color: var(--text-light);
  font-size: .78rem;
  line-height: 1.45;
}

.hero-badge {
  color: var(--primary);
  background: #0d94881a;
  border: 1px solid #0d948833;
  border-radius: 50px;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.5rem;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  animation: .8s forwards fadeInUp;
  display: inline-flex;
}

.hero h1 {
  color: var(--secondary);
  opacity: 0;
  margin-bottom: 1.5rem;
  font-size: clamp(2.25rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  animation: .8s .2s forwards fadeInUp;
}

.hero h1 span {
  background: var(--gradient-1);
  -webkit-text-fill-color: transparent;
  background-size: 200%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 6s ease-in-out infinite gradientShift;
}

.hero p {
  color: var(--text-light);
  opacity: 0;
  max-width: 580px;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  animation: .8s .4s forwards fadeInUp;
}

.hero-buttons {
  opacity: 0;
  flex-wrap: wrap;
  gap: 1rem;
  animation: .8s .6s forwards fadeInUp;
  display: flex;
}

.hero-portal-hint {
  color: var(--text-light);
  opacity: 0;
  margin-top: 1.75rem;
  font-size: .95rem;
  animation: .8s .75s forwards fadeInUp;
}

.hero-portal-hint a {
  color: var(--primary-dark);
  margin: 0 .35rem;
  font-weight: 600;
  text-decoration: none;
}

.hero-portal-hint a:hover {
  text-decoration: underline;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floatY {
  0%, 100% {
    transform: rotate(-1.25deg)translateY(0);
  }

  50% {
    transform: rotate(-.75deg)translateY(-10px);
  }
}

@keyframes floatCard {
  0%, 100% {
    transform: rotate(2deg)translateY(0);
  }

  50% {
    transform: rotate(1deg)translateY(-6px);
  }
}

@keyframes gradientShift {
  0%, 100% {
    filter: hue-rotate();
  }

  50% {
    filter: hue-rotate(12deg);
  }
}

@keyframes ctaGlow {
  0%, 100% {
    box-shadow: inset 0 1px #ffffff47, 0 8px 22px -8px #0d94888c;
  }

  50% {
    box-shadow: inset 0 1px #ffffff59, 0 14px 32px -6px #0d9488b8;
  }
}

@keyframes modalOverlayIn {
  from {
    opacity: 0;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
  }

  to {
    opacity: 1;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}

@keyframes modalOverlayOut {
  from {
    opacity: 1;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  to {
    opacity: 0;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
  }
}

@keyframes modalPanelIn {
  from {
    opacity: 0;
    transform: translateY(28px)scale(.94);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes modalPanelOut {
  from {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(18px)scale(.96);
  }
}

@keyframes modalFieldIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes successPop {
  0% {
    opacity: 0;
    transform: scale(.88);
  }

  55% {
    transform: scale(1.03);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes successIconPulse {
  0%, 100% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.08);
  }
}

@keyframes navMenuDrop {
  from {
    opacity: 0;
    transform: translateY(-12px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes registerCardGlow {
  0%, 100% {
    box-shadow: 0 0 0 1px #14b8a61a, 0 0 40px 8px #0d948833, 0 0 68px 16px #0d94881a, 0 0 100px 26px #0d94880d;
  }

  50% {
    box-shadow: 0 0 0 1px #2dd4bf29, 0 0 48px 10px #0d948842, 0 0 80px 20px #0d94881f, 0 0 112px 30px #0d94880f;
  }
}

.landing-stats {
  background: var(--secondary);
  color: #f8fafc;
  padding: 2.5rem 5%;
}

.landing-stats-grid {
  text-align: center;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1.5rem;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
}

.landing-stat.reveal.active .landing-stat-value {
  animation: .65s cubic-bezier(.22, 1, .36, 1) forwards successPop;
}

.landing-stat-value {
  font-family: var(--font-display);
  color: #5eead4;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.1;
}

.landing-stat-label {
  color: #f8fafcd1;
  margin-top: .35rem;
  font-size: .9rem;
}

.about, .product, .landing-closing {
  padding: 6rem 5%;
}

.about {
  background: #fff;
}

.section-header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.section-tag {
  color: var(--primary);
  background: #0d94881a;
  border-radius: 50px;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  display: inline-block;
}

.section-header h2, .product-content h2 {
  color: var(--secondary);
  margin-bottom: 1rem;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
}

.section-header p, .product-content > p {
  color: var(--text-light);
  font-size: 1.1rem;
}

.product {
  background: linear-gradient(180deg, var(--bg-light) 0%, white 100%);
}

.product-container {
  max-width: 880px;
  margin: 0 auto;
}

.product-card {
  background: var(--lp-register-card-bg, #0f172a);
  max-width: 880px;
  color: var(--lp-register-card-heading, #f8fafc);
  text-align: center;
  border: 1px solid var(--lp-register-card-border, #14b8a661);
  box-shadow: 0 0 0 1px var(--lp-panel-glow-edge, #0d948812),
    0 0 44px 8px var(--lp-panel-glow-core, #0d948838),
    0 0 72px 18px var(--lp-panel-glow-mid, #0d94881c),
    0 0 108px 30px var(--lp-panel-glow-outer, #0d94880d);
  z-index: 2;
  isolation: isolate;
  border-radius: 24px;
  margin: 0 auto;
  padding: 3rem 2.5rem;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), box-shadow .4s, border-color .4s;
  position: relative;
  overflow: visible;
}

.product-card.reveal.active {
  animation: 4s ease-in-out infinite registerCardGlow;
}

.product-card:hover {
  border-color: #2dd4bf8c;
  transform: translateY(-6px);
}

.product-card:before {
  content: "";
  border-radius: inherit;
  background: radial-gradient(ellipse 80% 60% at 50% 0%,
    var(--lp-register-card-shine, #14b8a624),
    transparent 68%);
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.product-card:after {
  content: "";
  z-index: -1;
  background: radial-gradient(ellipse 92% 88% at 50% 50%,
    var(--lp-panel-glow-halo, #0d94884d) 0%,
    transparent 70%);
  filter: blur(32px);
  opacity: .75;
  pointer-events: none;
  border-radius: 48px;
  position: absolute;
  inset: -48px;
}

.product-content {
  text-align: center;
  position: relative;
}

.product-card .section-tag {
  color: #2dd4bf;
  background: #14b8a629;
}

.product-card .product-content h2 {
  color: var(--lp-register-card-heading, #f8fafc);
}

.product-card .product-content > p {
  color: var(--lp-register-card-body, #f1f5f9e0);
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.product-card__cta {
  box-shadow: 0 10px 32px #00000047, 0 0 20px #0d948826;
  color: var(--primary-dark, #0f766e) !important;
  background: #fff !important;
}

.product-card__cta:hover {
  box-shadow: 0 12px 36px #00000052, 0 0 24px #0d948838;
}

.product-card__cta--secondary {
  box-shadow: 0 0 0 1px #ffffff1a, 0 0 18px #0d948824;
  color: #f8fafc !important;
  background: none !important;
  border: 2px solid #ffffffd1 !important;
}

.product-card__cta--secondary:hover {
  box-shadow: 0 0 0 1px #ffffff2e, 0 0 22px #0d948838;
  background: #ffffff14 !important;
  border-color: #fffffff2 !important;
}

.product-content h2 span {
  background: var(--gradient-1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.product-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
  display: flex;
}

.landing-workflow {
  background: #fff;
  padding: 6rem 5%;
}

.landing-workflow-track {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .35rem .5rem;
  max-width: 720px;
  margin: 2.5rem auto 0;
  display: flex;
}

.landing-workflow-track-segment {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.landing-workflow-track-node {
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  box-shadow: 0 6px 18px #0f172a0f;
}

.landing-workflow-track-node--green {
  background: linear-gradient(145deg, #f0fdfaf2 0%, #ccfbf180 100%);
  border: 1.5px solid #0d948847;
}

.landing-workflow-track-node--gold {
  background: linear-gradient(145deg, #fffbebf2 0%, #fef3c773 100%);
  border: 1.5px solid #88133738;
}

.landing-workflow-track-connector {
  opacity: .55;
  padding: 0 .2rem;
  font-size: .8rem;
}

.landing-workflow-track-connector--green {
  color: var(--lp-brand-green-deep, #0f766e);
}

.landing-workflow-track-connector--gold {
  color: var(--lp-brand-maroon, #881337);
}

.landing-workflow-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.25rem;
  max-width: 1100px;
  margin: 2rem auto 0;
  display: grid;
}

.landing-workflow-card {
  text-align: center;
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  border: 1px solid #94a3b840;
  border-radius: 18px;
  padding: 1.5rem 1.35rem 1.35rem;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s, border-color .35s;
  position: relative;
}

.landing-workflow-card--green {
  background: linear-gradient(160deg, #fff 0%, #f0fdfa 55%, #ecfdf5 100%);
  border-color: #0d948838;
}

.landing-workflow-card--gold {
  background: linear-gradient(160deg, #fff 0%, #fffbeb 55%, #fff1f2 100%);
  border-color: #8813372e;
}

.landing-workflow-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 44px #0f172a1a;
}

.landing-workflow-card--green:hover {
  border-color: #0d948866;
  box-shadow: 0 20px 44px #0d94881f;
}

.landing-workflow-card--gold:hover {
  border-color: #88133752;
  box-shadow: 0 20px 44px #8813371a;
}

.landing-workflow-card:hover .landing-workflow-mark {
  transform: scale(1.06)rotate(-2deg);
}

.landing-workflow-mark {
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  margin: 0 auto 1rem;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.landing-workflow-card--green .landing-workflow-mark {
  background: linear-gradient(145deg, #fffffff2 0%, #ccfbf159 100%);
  border: 1.5px solid #0d948840;
  box-shadow: 0 10px 28px #0d94881f;
}

.landing-workflow-card--gold .landing-workflow-mark {
  background: linear-gradient(145deg, #fffffff2 0%, #fef3c766 100%);
  border: 1.5px solid #d9770647;
  box-shadow: 0 10px 28px #8813371a;
}

.landing-workflow-card.reveal.active .landing-workflow-step {
  animation: .5s cubic-bezier(.22, 1, .36, 1) forwards successPop;
}

.landing-workflow-step {
  font-family: var(--font-display);
  letter-spacing: .14em;
  border-radius: 999px;
  margin-bottom: .4rem;
  padding: .2rem .55rem;
  font-size: .68rem;
  font-weight: 800;
  display: inline-block;
}

.landing-workflow-card--green .landing-workflow-step {
  color: var(--lp-brand-green-deep, #0f766e);
  background: #0d94881a;
}

.landing-workflow-card--gold .landing-workflow-step {
  color: var(--lp-brand-maroon, #881337);
  background: #f59e0b24;
}

.landing-workflow-card h3 {
  color: var(--secondary);
  margin: 0 0 .5rem;
  font-size: 1.1rem;
}

.landing-workflow-card p {
  color: var(--text-light);
  text-align: left;
  margin: 0;
  font-size: .9rem;
  line-height: 1.55;
}

@media (max-width: 640px) {
  .landing-workflow-track {
    display: none;
  }
}

.tiba-features {
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  padding: 6rem 5%;
}

.tiba-features-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  max-width: 1200px;
  margin: 3rem auto 0;
  display: grid;
}

.tiba-feature-card {
  background: #fff;
  border: 1px solid #94a3b838;
  border-radius: 16px;
  padding: 1.5rem 1.35rem;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s, border-color .35s;
  box-shadow: 0 12px 36px #0f172a0f;
}

.tiba-feature-card:hover {
  border-color: #0d948847;
  transform: translateY(-6px)scale(1.01);
  box-shadow: 0 20px 48px #0d94881f;
}

.tiba-feature-card:hover .tiba-feature-icon {
  transform: scale(1.08)rotate(-4deg);
}

.tiba-feature-icon {
  width: 44px;
  height: 44px;
  color: var(--primary);
  background: #0d94881f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.15rem;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.tiba-feature-card h3 {
  color: var(--secondary);
  margin-bottom: .45rem;
  font-size: 1.1rem;
}

.tiba-feature-card p {
  color: var(--text-light);
  font-size: .92rem;
  line-height: 1.55;
}

.landing-trust {
  background: #f0fdfa;
  border-top: 1px solid #0d948826;
  border-bottom: 1px solid #0d948826;
  padding: 4rem 5%;
}

.landing-trust-inner {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem 2.5rem;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
}

.landing-trust-item {
  color: var(--primary-dark);
  align-items: center;
  gap: .65rem;
  font-size: .95rem;
  font-weight: 600;
  transition: transform .3s;
  display: flex;
}

.landing-trust-item:hover {
  transform: translateY(-2px);
}

.landing-trust-item i {
  color: var(--primary);
  font-size: 1.1rem;
  transition: transform .3s;
}

.landing-trust-item:hover i {
  transform: scale(1.12);
}

.tiba-register {
  z-index: 5;
  background: #fff;
  padding: 5rem 5%;
  position: relative;
}

.tiba-register-card {
  background: var(--lp-register-card-bg, #0f172a);
  max-width: 880px;
  color: var(--lp-register-card-heading, #f8fafc);
  text-align: center;
  border: 1px solid var(--lp-register-card-border, #14b8a661);
  box-shadow: 0 0 0 1px var(--lp-panel-glow-edge, #0d948812),
    0 0 44px 8px var(--lp-panel-glow-core, #0d948838),
    0 0 72px 18px var(--lp-panel-glow-mid, #0d94881c),
    0 0 108px 30px var(--lp-panel-glow-outer, #0d94880d);
  z-index: 2;
  isolation: isolate;
  border-radius: 24px;
  margin: 0 auto;
  padding: 3rem 2.5rem;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), box-shadow .4s, border-color .4s;
  position: relative;
  overflow: visible;
}

.tiba-register-card.reveal.active {
  animation: 4s ease-in-out infinite registerCardGlow;
}

.tiba-register-card:hover {
  border-color: #2dd4bf8c;
  transform: translateY(-6px);
}

.tiba-register-card:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(80% 60% at 50% 0, #14b8a624, #0000 68%);
  position: absolute;
  inset: 0;
}

.tiba-register-card:after {
  content: "";
  z-index: -1;
  background: radial-gradient(ellipse 92% 88% at 50% 50%,
    var(--lp-panel-glow-halo, #0d94884d) 0%,
    transparent 70%);
  filter: blur(32px);
  opacity: .75;
  pointer-events: none;
  border-radius: 48px;
  position: absolute;
  inset: -48px;
}

.tiba-register-card h2 {
  color: var(--lp-register-card-heading, #f8fafc);
  margin-bottom: .75rem;
  font-size: 2rem;
  position: relative;
}

.tiba-register-card > p {
  max-width: 540px;
  color: var(--lp-register-card-body, #f1f5f9e0);
  margin: 0 auto 1.75rem;
  font-size: 1.05rem;
  line-height: 1.6;
  position: relative;
}

.tiba-register-card .cta-btn.white, .tiba-register-cta {
  position: relative;
  color: var(--primary-dark, #0f766e) !important;
  background: #fff !important;
}

.tiba-register-foot {
  color: var(--lp-register-card-foot, #f1f5f9c7);
  margin-top: 1.35rem;
  font-size: .92rem;
  position: relative;
}

.tiba-register-foot a {
  color: var(--hq-gold-end, #fbbf24);
  font-weight: 600;
  text-decoration: none;
}

.tiba-register-foot a:hover {
  color: var(--hq-gold-start, #f59e0b);
}

.portfolio-team {
  background: linear-gradient(180deg, #fff 0%, var(--bg-light) 100%);
  padding: 6rem 5%;
}

.landing-closing, .landing-closing.portfolio-team {
  background: var(--lp-closing-bg, linear-gradient(180deg, #fff 0%, var(--bg-light) 100%));
}

.landing-closing__cta.cta {
  background: none;
  margin: 0;
  padding: clamp(3rem, 6vw, 4.5rem) 0 0;
  position: relative;
  overflow: visible;
}

.landing-closing__cta.cta:before {
  display: none;
}

.portfolio-team .section-header {
  margin-bottom: 2.5rem;
}

.portfolio-team-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.5rem;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
}

.portfolio-team-card {
  background: #fff;
  border: 1px solid #94a3b840;
  border-radius: 18px;
  flex-direction: column;
  gap: .55rem;
  padding: 1.35rem 1.4rem 1.5rem;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s;
  display: flex;
  box-shadow: 0 18px 40px -32px #0f172a33;
}

.portfolio-team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px #0f172a1a;
}

.portfolio-team-avatar {
  width: 72px;
  height: 72px;
  color: var(--primary-dark);
  background: linear-gradient(135deg, #0d94881f, #0d948838);
  border-radius: 16px;
  place-items: center;
  margin-bottom: .25rem;
  font-size: 1.35rem;
  font-weight: 700;
  display: grid;
  overflow: hidden;
}

.portfolio-team-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.portfolio-team-avatar--template {
  background: #fff;
  border: 1px solid #94a3b838;
  overflow: hidden;
}

.portfolio-team-avatar--photo {
  background: var(--bg-light, #f8fafc);
  overflow: hidden;
}

.portfolio-team-avatar i {
  color: var(--primary-dark);
  font-size: 1.75rem;
}

.portfolio-team-avatar--male {
  background: linear-gradient(145deg, #0d94881a 0%, #0f766e38 100%);
}

.portfolio-team-avatar--male i {
  color: var(--primary-dark, #0f766e);
}

.portfolio-team-avatar--female {
  background: linear-gradient(145deg, #88133714 0%, #be123c24 100%);
}

.portfolio-team-avatar--female i {
  color: var(--lp-accent, #881337);
}

.portfolio-team-avatar--placeholder {
  background: linear-gradient(135deg, #94a3b826, #94a3b847);
}

.portfolio-team-avatar--placeholder i {
  color: var(--text-light, #64748b);
}

.portfolio-team-link--secondary {
  margin-top: .15rem;
}

.portfolio-team-card h3 {
  color: var(--secondary);
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}

.portfolio-team-role {
  color: var(--primary-dark);
  margin: 0;
  font-size: .88rem;
  font-weight: 600;
}

.portfolio-team-bio {
  color: var(--text-light);
  flex: 1;
  margin: .15rem 0 0;
  font-size: .88rem;
  line-height: 1.55;
}

.portfolio-team-link {
  color: var(--primary);
  font-size: .86rem;
  font-weight: 600;
  text-decoration: none;
}

.portfolio-team-link:hover {
  text-decoration: underline;
}

.cta:not(.landing-closing__cta) {
  background: var(--gradient-1);
  position: relative;
  overflow: hidden;
}

.cta:not(.landing-closing__cta):before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.cta-card {
  text-align: center;
  z-index: 2;
  isolation: isolate;
  background: var(--lp-cta-card-bg, #0f172a);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  border: 1px solid var(--lp-cta-card-border, #be123c47);
  max-width: 880px;
  box-shadow: 0 0 0 1px var(--lp-cta-glow-edge, #8813371a),
    0 0 44px 8px var(--lp-cta-glow-core, #8813373d),
    0 0 72px 18px var(--lp-cta-glow-mid, #be123c24),
    0 0 108px 30px var(--lp-cta-glow-outer, #88133712);
  border-radius: 24px;
  margin: 0 auto;
  padding: 3rem clamp(1.5rem, 4vw, 2.75rem);
  position: relative;
  overflow: visible;
}

.cta-card:after {
  content: "";
  z-index: -1;
  background: radial-gradient(ellipse 92% 88% at 50% 50%,
    var(--lp-cta-glow-halo, #be123c52) 0%,
    transparent 70%);
  filter: blur(32px);
  opacity: .72;
  pointer-events: none;
  border-radius: 48px;
  position: absolute;
  inset: -48px;
}

.cta h2 {
  color: #fff;
  margin-bottom: 1rem;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
}

.cta p {
  color: #ffffffe6;
  margin-bottom: 2rem;
  font-size: 1.2rem;
}

.cta-buttons {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.cta .cta-btn.white {
  color: var(--primary);
  box-shadow: 0 1px 0 #ffffff59 inset,
    0 0 0 1px #ffffff26,
    0 0 20px 5px var(--lp-cta-glow-core, #8813373d),
    0 0 40px 12px var(--lp-cta-glow-mid, #be123c24);
  background: #fff;
}

.cta .cta-btn.white:hover {
  box-shadow: 0 1px 0 #fff6 inset,
    0 0 0 1px #fff3,
    0 0 24px 6px var(--lp-cta-glow-core, #88133747),
    0 0 48px 14px var(--lp-cta-glow-mid, #be123c29);
}

.cta .cta-btn.outline {
  color: #fff;
  text-align: center;
  box-shadow: 0 0 0 1px #ffffff1f,
    0 0 18px 4px var(--lp-cta-glow-mid, #be123c24),
    0 0 36px 10px var(--lp-cta-glow-outer, #88133712);
  background: none;
  border: 2px solid #fff;
}

.cta .cta-btn.outline:hover {
  box-shadow: 0 0 0 1px #ffffff38,
    0 0 22px 5px var(--lp-cta-glow-core, #88133738),
    0 0 44px 12px var(--lp-cta-glow-mid, #be123c24);
}

.cta .cta-btn.white:hover, .cta .cta-btn.outline:hover {
  transform: translateY(-2px)scale(1.02);
}

.landing-footer {
  color: #f8fafcd9;
  background: #0f172a;
  padding: 2.5rem 5% 2rem;
}

.landing-footer-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
}

.landing-footer-brand p {
  color: #f8fafca6;
  max-width: 28ch;
  margin-top: .75rem;
  font-size: .9rem;
}

.landing-footer-links {
  flex-wrap: wrap;
  gap: 2.5rem;
  display: flex;
}

.landing-footer-col h4 {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #5eead4;
  margin-bottom: .75rem;
  font-size: .8rem;
}

.landing-footer-col a {
  color: #f8fafccc;
  margin-bottom: .4rem;
  font-size: .9rem;
  text-decoration: none;
  display: block;
}

.landing-footer-col a:hover {
  color: #fff;
}

.landing-footer-copy {
  color: #f8fafc80;
  text-align: center;
  border-top: 1px solid #94a3b833;
  max-width: 1100px;
  margin: 2rem auto 0;
  padding-top: 1.5rem;
  font-size: .85rem;
}

.modal-overlay {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  z-index: 2000;
  opacity: 0;
  will-change: opacity, backdrop-filter;
  background: #0f172ab8;
  justify-content: center;
  align-items: flex-start;
  padding: 1.25rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal-overlay.is-visible {
  animation: .38s cubic-bezier(.22, 1, .36, 1) forwards modalOverlayIn;
}

.modal-overlay.is-closing {
  pointer-events: none;
  animation: .32s cubic-bezier(.4, 0, .2, 1) forwards modalOverlayOut;
}

.tiba-register-modal {
  color: #1e293b;
  box-shadow: 0 0 0 1px var(--lp-panel-glow-edge, #0d948812),
    0 0 44px 8px var(--lp-panel-glow-core, #0d948838),
    0 0 72px 18px var(--lp-panel-glow-mid, #0d94881c),
    0 0 108px 30px var(--lp-panel-glow-outer, #0d94880d);
  isolation: isolate;
  opacity: 0;
  will-change: transform, opacity;
  background: #fff;
  border: 1px solid #e2e8f0f2;
  border-radius: 18px;
  flex-direction: column;
  width: 100%;
  max-width: min(680px, 100vw - 2rem);
  max-height: calc(100vh - 2.5rem);
  margin-top: clamp(.5rem, 4vh, 2rem);
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateY(28px)scale(.94);
}

.tiba-register-modal.is-visible {
  animation: .48s cubic-bezier(.22, 1, .36, 1) forwards modalPanelIn;
}

.tiba-register-modal.is-closing {
  animation: .32s cubic-bezier(.4, 0, .2, 1) forwards modalPanelOut;
}

.tiba-register-modal.is-visible .tiba-register-header {
  animation: .45s cubic-bezier(.22, 1, .36, 1) 80ms backwards modalFieldIn;
}

.tiba-register-modal.is-visible .tiba-register-body > * {
  animation: .42s cubic-bezier(.22, 1, .36, 1) backwards modalFieldIn;
}

.tiba-register-modal.is-visible .tiba-register-body > :first-child {
  animation-delay: .12s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(2) {
  animation-delay: .16s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(3) {
  animation-delay: .2s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(4) {
  animation-delay: .24s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(5) {
  animation-delay: .28s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(6) {
  animation-delay: .32s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(7) {
  animation-delay: .36s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(8) {
  animation-delay: .4s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(9) {
  animation-delay: .44s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(10) {
  animation-delay: .48s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(11) {
  animation-delay: .52s;
}

.tiba-register-modal.is-visible .tiba-register-body > :nth-child(12) {
  animation-delay: .56s;
}

.tiba-register-modal.is-visible .tiba-register-footer {
  animation: .42s cubic-bezier(.22, 1, .36, 1) .5s backwards modalFieldIn;
}

.tiba-register-form {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.tiba-register-header {
  z-index: 2;
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  border-bottom: 1px solid #e2e8f0f2;
  align-items: flex-start;
  gap: .75rem;
  padding: 1.15rem 1.35rem .95rem 1.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.tiba-register-titleblock {
  flex: 1;
  min-width: 0;
}

.tiba-register-kicker {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0f766e;
  background: #0d94881a;
  border-radius: 999px;
  margin-bottom: .5rem;
  padding: .2rem .55rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-block;
}

.tiba-register-modal h2 {
  color: #242526;
  margin: 0 0 .3rem;
  font-size: 1.35rem;
  line-height: 1.25;
}

.modal-subtitle {
  color: #64748b;
  margin: 0;
  font-size: .88rem;
  line-height: 1.45;
}

.tiba-register-body {
  flex: 1;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  column-gap: 1rem;
  min-height: 0;
  padding: 1rem 1.5rem .35rem;
  display: grid;
  overflow-y: auto;
}

.tiba-register-section-label, .tiba-register-form-error, .tiba-register-body .form-group--full {
  grid-column: 1 / -1;
}

.tiba-register-section-label {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #64748b;
  margin: .35rem 0 .5rem;
  font-size: .72rem;
  font-weight: 700;
}

.tiba-register-section-label:first-child {
  margin-top: 0;
}

.tiba-register-form-error {
  margin: .15rem 0 .35rem;
}

.tiba-register-body .form-group {
  min-width: 0;
  margin-bottom: .75rem;
}

.form-group label {
  color: var(--secondary);
  margin-bottom: .35rem;
  font-size: .82rem;
  font-weight: 600;
  display: block;
}

.form-group input, .form-group textarea {
  width: 100%;
  min-height: var(--ui-control-min-height);
  padding: var(--ui-control-padding-y) var(--ui-control-padding-x);
  color: #1e293b;
  border: 1px solid var(--ui-control-border-color);
  border-radius: var(--ui-control-radius);
  font-size: var(--ui-control-font-size);
  background: #f8fafc;
  font-family: inherit;
}

.form-group input:focus, .form-group textarea:focus {
  background: #fff;
  border-color: #0d9488;
  outline: none;
  box-shadow: 0 0 0 3px #0d948829;
}

.form-group input.error, .form-group textarea.error {
  border-color: #ef4444;
}

.error-text {
  color: #dc2626;
  margin-top: .3rem;
  font-size: .75rem;
  display: block;
}

.tiba-register-password {
  display: flex;
  position: relative;
}

.tiba-register-password input {
  flex: 1;
  padding-right: 2.6rem !important;
}

.tiba-register-password-toggle {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  display: inline-flex;
  position: absolute;
  inset: 0 .25rem 0 auto;
}

.tiba-register-footer {
  z-index: 2;
  background: #fff;
  border-top: 1px solid #e2e8f0f2;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .6rem;
  padding: .75rem 1.5rem .95rem;
  display: flex;
  position: sticky;
  bottom: 0;
}

.tiba-register-cancel {
  color: #334155;
  cursor: pointer;
  background: none;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  padding: .7rem 1.1rem;
  font-family: inherit;
  font-size: .92rem;
  font-weight: 600;
}

.tiba-register-submit {
  min-width: 200px;
  width: auto !important;
}

.modal-close {
  color: #475569;
  cursor: pointer;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
}

.success-message {
  text-align: center;
  padding: 2.5rem 1.75rem;
}

.success-message--pop {
  animation: .55s cubic-bezier(.22, 1, .36, 1) forwards successPop;
}

.success-message i {
  color: #10b981;
  margin-bottom: 1rem;
  font-size: 4rem;
  display: inline-block;
}

.success-message--pop i {
  animation: 1.2s ease-in-out .35s 2 successIconPulse;
}

.success-message h3 {
  color: var(--secondary);
  margin-bottom: .5rem;
  font-size: 1.5rem;
}

.success-message p {
  color: var(--text-light);
}

.reveal {
  opacity: 0;
  transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0s);
  transform: translateY(36px);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.section-header.reveal.active .section-tag {
  animation: .55s cubic-bezier(.22, 1, .36, 1) forwards successPop;
}

@media (max-width: 1180px) {
  .site-nav__menu a {
    padding: .45rem .65rem;
    font-size: .82rem;
  }

  .site-nav__portal-btn {
    width: 2.35rem;
    height: 2.35rem;
  }
}

@media (max-width: 1024px) {
  .hero-inner {
    text-align: center;
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .hero-content {
    max-width: none;
    margin: 0 auto;
  }

  .hero-buttons, .hero-portal-hint {
    justify-content: center;
  }

  .hero-portal-hint {
    text-align: center;
  }

  .hero-visual--modules {
    justify-self: center;
    max-width: 360px;
  }

  .site-nav__inner {
    grid-template-columns: 1fr auto;
  }

  .site-nav__menu {
    z-index: 1001;
    top: calc(4.25rem + env(safe-area-inset-top, 0px));
    background: #fffffffa;
    border: 1px solid #94a3b84d;
    border-radius: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
    max-height: calc(100dvh - 6rem);
    padding: .75rem;
    display: none;
    position: fixed;
    left: 1rem;
    right: 1rem;
    overflow-y: auto;
    box-shadow: 0 24px 48px -12px #0f172a33, inset 0 0 0 1px #fff9;
  }

  .site-nav__menu.is-open {
    animation: .35s cubic-bezier(.22, 1, .36, 1) forwards navMenuDrop;
    display: flex;
  }

  .site-nav__menu a {
    border-radius: 12px;
    justify-content: flex-start;
    width: 100%;
    padding: .75rem 1rem;
    font-size: .95rem;
  }

  .site-nav__menu-portals {
    border-top: 1px solid #94a3b840;
    flex-direction: row;
    justify-content: center;
    gap: .5rem;
    margin-top: .35rem;
    padding-top: .5rem;
    display: flex;
  }

  .site-nav__portal-link {
    width: 2.75rem;
    height: 2.75rem;
    color: var(--text-dark);
    background: #f8fafce6;
    border: 1px solid #94a3b833;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
  }

  .site-nav__portal-link--clinic {
    background: linear-gradient(135deg, #0d94881a 0%, #14b8a60f 100%);
  }

  .site-nav__portal-link i {
    color: var(--primary);
    text-align: center;
    width: 1rem;
    font-size: 1rem;
  }

  .site-nav__portals, .site-nav__actions .site-nav__cta {
    display: none;
  }

  .site-nav__menu-cta {
    margin-top: .25rem;
    display: list-item;
  }

  .site-nav__cta--menu {
    width: 100%;
    padding: .85rem 1rem;
    font-size: .95rem;
  }

  .site-nav__toggle {
    display: inline-flex;
  }

  .site-nav.nav-open .site-nav__backdrop {
    display: block;
  }

  .hero-visual-secondary {
    max-width: 100%;
    margin: -2.5rem auto 0;
    position: relative;
    bottom: auto;
    right: auto;
    transform: none;
  }
}

@media (max-width: 560px) {
  .tiba-register-body {
    grid-template-columns: 1fr;
  }

  .tiba-register-body .form-group--full {
    grid-column: auto;
  }
}

@media (max-width: 520px) {
  .modal-overlay {
    align-items: stretch;
    padding: 0;
  }

  .tiba-register-modal {
    border-radius: 0;
    max-width: 100%;
    max-height: 100vh;
    margin-top: 0;
  }

  .tiba-register-footer .tiba-register-cancel, .tiba-register-footer .tiba-register-submit {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .tiba-register-modal {
    max-height: 100dvh;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  .reveal, .modal-overlay, .tiba-register-modal {
    opacity: 1;
    transform: none;
  }
}

/* [project]/src/styles/landing-responsive.css [app-client] (css) */
.landing-page-root {
  max-width: 100%;
  overflow-x: clip;
}

.landing-page {
  --lp-section-x: clamp(1rem, 4vw, 3rem);
  --lp-section-y: clamp(3rem, 7vw, 6rem);
}

.landing-page .hero, .landing-page .landing-stats, .landing-page .landing-pillars, .landing-page .product, .landing-page .landing-workflow, .landing-page .tiba-features, .landing-page .landing-trust, .landing-page .tiba-register, .landing-page .landing-closing, .landing-page .landing-mobile-app, .landing-page .landing-footer {
  padding-left: var(--lp-section-x);
  padding-right: var(--lp-section-x);
}

.landing-page .landing-pillars, .landing-page .landing-workflow, .landing-page .tiba-features, .landing-page .landing-closing, .landing-page .product {
  padding-top: var(--lp-section-y);
  padding-bottom: var(--lp-section-y);
}

.landing-page .landing-closing__cta.cta {
  padding-top: clamp(2.5rem, 5vw, 4rem);
  padding-bottom: 0;
}

.landing-page .hero {
  padding-top: max(5.5rem, calc(4.5rem + env(safe-area-inset-top, 0px)));
  min-height: auto;
  padding-bottom: clamp(2.5rem, 6vw, 4rem);
}

.landing-page .hero-portal-hint {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .35rem .5rem;
  line-height: 1.5;
  display: flex;
}

.landing-page .hero-portal-hint a {
  margin: 0;
}

.landing-page .hero-visual-primary img {
  width: 100%;
  height: auto;
}

.landing-page .section-header, .landing-page .product-content {
  max-width: min(700px, 100%);
}

@media (max-width: 1024px) {
  .landing-page .site-nav__inner {
    grid-template-columns: 1fr auto;
    gap: .75rem;
  }

  .landing-page .site-nav__menu {
    z-index: 1001;
    top: calc(4rem + env(safe-area-inset-top, 0px));
    left: max(.75rem, env(safe-area-inset-left, 0px));
    right: max(.75rem, env(safe-area-inset-right, 0px));
    max-height: calc(100dvh - 5.5rem - env(safe-area-inset-bottom, 0px));
    -webkit-overflow-scrolling: touch;
    border-radius: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
    padding: .75rem;
    display: none;
    position: fixed;
    overflow-y: auto;
  }

  .landing-page .site-nav__menu.is-open {
    animation: .35s cubic-bezier(.22, 1, .36, 1) forwards navMenuDrop;
    display: flex;
  }

  .landing-page .site-nav__menu a {
    border-radius: 12px;
    justify-content: flex-start;
    width: 100%;
    padding: .75rem 1rem;
    font-size: .95rem;
  }

  .landing-page .site-nav__menu-portals {
    border-top: 1px solid var(--lp-border);
    flex-direction: row;
    justify-content: center;
    gap: .5rem;
    margin-top: .35rem;
    padding-top: .5rem;
    display: flex;
  }

  .landing-page .site-nav__portals, .landing-page .site-nav__actions .site-nav__cta {
    display: none;
  }

  .landing-page .site-nav__menu-cta {
    margin-top: .25rem;
    display: list-item;
  }

  .landing-page .site-nav__cta--menu {
    width: 100%;
    padding: .85rem 1rem;
    font-size: .95rem;
  }

  .landing-page .site-nav__toggle {
    display: inline-flex;
  }

  .landing-page .site-nav.nav-open .site-nav__backdrop {
    display: block;
  }

  .landing-page .hero-inner {
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 2.5rem;
  }

  .landing-page .hero-content {
    text-align: center;
    max-width: 100%;
  }

  .landing-page .hero p {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(1rem, 2.5vw, 1.15rem);
  }

  .landing-page .hero-buttons {
    justify-content: center;
  }

  .landing-page .hero-visual {
    justify-self: center;
    width: 100%;
    max-width: min(480px, 100%);
  }

  .landing-page .hero-visual-secondary {
    max-width: 100%;
    margin: -2rem auto 0;
    animation: .85s .35s forwards fadeInUp;
    position: relative;
    bottom: auto;
    right: auto;
    transform: none;
  }

  .landing-page .hero-visual--live .hero-visual-primary, .landing-page .hero-visual--live .hero-visual-secondary {
    animation: none;
  }

  .landing-page .landing-mobile-app__inner {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
  }

  .landing-page .landing-mobile-app__copy {
    min-width: 0;
    max-width: none;
  }

  .landing-page .landing-mobile-app__stores {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .landing-page .section-header {
    padding: 0 .25rem;
  }

  .landing-page .section-header p, .landing-page .product-content > p {
    font-size: 1rem;
  }

  .landing-page .landing-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .landing-page .landing-stat-value {
    font-size: clamp(1.5rem, 5vw, 1.85rem);
  }

  .landing-page .landing-pillars-grid, .landing-page .tiba-features-grid, .landing-page .landing-workflow-grid, .landing-page .portfolio-team-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .landing-page .landing-trust-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: start;
    gap: 1rem 1.25rem;
    display: grid;
  }

  .landing-page .landing-trust-item {
    font-size: .88rem;
  }

  .landing-page .tiba-register {
    margin-top: -1.25rem;
    padding-top: 3.75rem;
  }

  .landing-page .tiba-register-card, .landing-page .product-card {
    border-radius: 20px;
    padding: 2.25rem 1.5rem;
  }

  .landing-page .tiba-register-card h2 {
    font-size: clamp(1.35rem, 5vw, 1.75rem);
  }

  .landing-page .cta-card {
    border-radius: 20px;
    padding: 2rem 1.35rem;
  }

  .landing-page .cta-card:after {
    inset: -28px;
  }

  .landing-page .cta p {
    font-size: 1rem;
  }

  .landing-page .landing-footer-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.75rem;
  }

  .landing-page .landing-footer-brand {
    max-width: 100%;
  }

  .landing-page .landing-footer-brand p {
    max-width: none;
  }

  .landing-page .landing-footer-links {
    gap: 1.5rem 2rem;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .landing-page .landing-workflow-track {
    display: none;
  }

  .landing-page .site-nav__logo-img {
    max-width: min(140px, 42vw);
    height: 28px;
  }

  .landing-page .site-nav__actions {
    gap: .35rem;
  }

  .landing-page .landing-theme-toggle {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }

  .landing-page .hero h1 {
    font-size: clamp(1.85rem, 8vw, 2.35rem);
  }

  .landing-page .hero-badge {
    padding: .4rem .85rem;
    font-size: .78rem;
  }

  .landing-page .hero-buttons, .landing-page .product-actions, .landing-page .cta-buttons {
    flex-direction: column;
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .landing-page .hero-buttons .cta-btn, .landing-page .product-actions .cta-btn, .landing-page .cta-buttons .cta-btn {
    text-align: center;
    justify-content: center;
    width: 100%;
  }

  .landing-page .tiba-register-cta {
    width: 100%;
    max-width: 320px;
  }

  .landing-page .landing-store-btn {
    flex: 100%;
    width: 100%;
    min-width: 0;
  }

  .landing-page .landing-mobile-app__stores {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 480px) {
  .landing-page {
    --lp-section-x: max(.85rem, env(safe-area-inset-left, 0px));
    --lp-section-y: 2.75rem;
  }

  .landing-page .hero {
    padding-top: max(4.75rem, calc(4rem + env(safe-area-inset-top, 0px)));
  }

  .landing-page .hero-portal-hint {
    flex-direction: column;
    font-size: .88rem;
  }

  .landing-page .hero-visual-primary {
    border-radius: 16px;
    transform: none;
  }

  .landing-page .hero-visual-secondary {
    text-align: center;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
  }

  .landing-page .hero-visual-secondary-text {
    text-align: center;
    align-items: center;
  }

  .landing-page .landing-stats {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .landing-page .landing-stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .landing-page .landing-trust-inner {
    grid-template-columns: 1fr;
  }

  .landing-page .landing-trust-item {
    width: 100%;
  }

  .landing-page .tiba-register-card, .landing-page .product-card {
    padding: 1.85rem 1.15rem;
  }

  .landing-page .product-card:after {
    filter: blur(20px);
    inset: -16px;
  }

  .landing-page .tiba-register-card > p {
    font-size: .95rem;
  }

  .landing-page .portfolio-team-card {
    padding: 1.15rem 1.2rem 1.25rem;
  }

  .landing-page .landing-footer-links {
    flex-direction: column;
    gap: 1.25rem;
  }

  .landing-page .landing-footer-copy {
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .8rem;
  }

  .landing-page .cta-card:after {
    filter: blur(20px);
    inset: -16px;
  }
}

@media (max-width: 380px) {
  .landing-page .landing-stats-grid {
    grid-template-columns: 1fr;
  }

  .landing-page .site-nav__menu {
    left: .5rem;
    right: .5rem;
  }
}

@media (hover: none) and (pointer: coarse) {
  .landing-page .site-nav__menu a, .landing-page .site-nav__portal-link, .landing-page .site-nav__cta, .landing-page .cta-btn, .landing-page .landing-theme-toggle, .landing-page .site-nav__toggle {
    min-height: 44px;
  }

  .landing-page .landing-workflow-card:hover, .landing-page .tiba-feature-card:hover, .landing-page .landing-pillar-card:hover, .landing-page .portfolio-team-card:hover {
    transform: none;
  }
}

/*# sourceMappingURL=_1uia205._.css.map*/