@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin.woff2") format("woff2");
}

.scheduler-login {
  color-scheme: dark;
  --page: #0b2036;
  --sidebar: #081b2c;
  --surface: #0e2940;
  --raised: #123149;
  --ink: #f2f7fc;
  --muted: #a3bbcd;
  --line: #24445b;
  --control: #65869c;
  --accent: #54bdf2;
  --focus: #8bdbff;
  --pf-v5-global--FontFamily--text: "Inter Variable", system-ui, sans-serif;
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--Color--100: var(--ink);
  --pf-v5-global--Color--200: var(--muted);
  --pf-v5-global--BackgroundColor--100: var(--surface);
  --pf-v5-global--BackgroundColor--200: var(--raised);
  --pf-v5-global--BorderColor--100: var(--line);
  --pf-v5-global--primary-color--100: var(--accent);
}
.scheduler-login body { margin: 0; background: var(--page); color: var(--ink); font-family: var(--pf-v5-global--FontFamily--text); }
.scheduler-login .pf-v5-c-login { background: transparent; padding: 48px 20px; min-height: 100svh; }
.scheduler-login .pf-v5-c-login__container { width: min(480px, 100%); margin: auto; display: flex; flex-direction: column; align-items: stretch; gap: 24px; }
.scheduler-login #kc-header-wrapper { color: var(--ink); text-align: center; font-size: 19px; font-weight: 650; letter-spacing: -.4px; text-transform: none; }
.scheduler-login .pf-v5-c-login__main { width: 100%; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 20px 60px #020d1733; overflow-wrap: anywhere; min-width: 0; }
.scheduler-login .pf-v5-c-login__main-header { padding: 30px 30px 22px; border: 0; }
.scheduler-login #kc-page-title { font-family: inherit; color: var(--ink); font-size: 26px; font-weight: 650; letter-spacing: -.7px; }
.scheduler-login .pf-v5-c-login__main-body { padding: 0 30px 30px; }
.scheduler-login .pf-v5-c-form__label { color: var(--muted); font-size: 13px; font-weight: 600; }
.scheduler-login .pf-v5-c-form-control { background: var(--sidebar); color: var(--ink); border: 1px solid var(--control); border-radius: 8px; min-height: 44px; }
.scheduler-login .pf-v5-c-form-control::before, .scheduler-login .pf-v5-c-form-control::after { border: 0; }
.scheduler-login .pf-v5-c-form-control :is(input, select, textarea) { color: var(--ink); background: transparent; font: 14px var(--pf-v5-global--FontFamily--text); padding: 10px 12px; }
.scheduler-login input:-webkit-autofill { -webkit-text-fill-color: var(--ink); box-shadow: 0 0 0 1000px var(--sidebar) inset; caret-color: var(--ink); }
.scheduler-login input::-ms-reveal { display: none; }
.scheduler-login .pf-v5-c-input-group__item.pf-m-fill { min-width: 0; flex: 1; }
.scheduler-login .pf-v5-c-button { border-radius: 8px; min-height: 44px; font: 600 13px var(--pf-v5-global--FontFamily--text); }
.scheduler-login .pf-v5-c-button.pf-m-primary { background: var(--accent); color: #061b2b; }
.scheduler-login .pf-v5-c-button.pf-m-primary:hover { background: #84d1f7; }
.scheduler-login .pf-v5-c-button.pf-m-control { background: var(--raised); color: var(--ink); border: 1px solid var(--control); }
.scheduler-login :is(a, .pf-m-link) { color: var(--accent); }
.scheduler-login .pf-v5-c-login__main-footer, .scheduler-login .pf-v5-c-login__main-footer-band { background: transparent; color: var(--muted); }
.scheduler-login .pf-v5-c-alert { background: #123e59; color: #95d4f6; border: 1px solid var(--control); border-radius: 8px; }
.scheduler-login .pf-v5-c-alert.pf-m-danger { background: #482c35; color: #ffb1ad; border-color: #ffb1ad; }
.scheduler-login .pf-v5-c-alert.pf-m-warning { background: #483820; color: #ffd184; border-color: #ffd184; }
.scheduler-login :focus-visible, .scheduler-login .pf-v5-c-form-control:focus-within { outline: 3px solid var(--focus); outline-offset: 3px; }
@media (max-width: 520px) {
  .scheduler-login .pf-v5-c-login { padding: 28px 16px; }
  .scheduler-login .pf-v5-c-login__main-header { padding: 24px 22px 18px; }
  .scheduler-login .pf-v5-c-login__main-body { padding: 0 22px 24px; }
}
