/* MKD sign-in only: keep the authenticated workspace's visual styles separate. */
#loginScreen {
  --mkd-blue:#283777;
  --mkd-yellow:#fff159;
  min-height:100svh;
  padding:36px max(36px,calc((100vw - 1296px)/2)) 25px;
  color:var(--mkd-blue);
  background:var(--mkd-yellow);
  isolation:isolate;
}
#loginScreen::before {content:"";position:absolute;inset:auto -300px -590px auto;width:1100px;height:1100px;border:1px solid rgba(40,55,119,.08);border-radius:50%;background:none;filter:none;box-shadow:0 0 0 100px rgba(255,255,255,.07),0 0 0 210px rgba(255,255,255,.05);pointer-events:none;z-index:-1}
#loginScreen::after {display:none}
#loginScreen .login-brand {width:100%;gap:24px;justify-content:flex-start;padding-bottom:24px;border-bottom:1px solid rgba(40,55,119,.14)}
#loginScreen .login-brand .brand-mark {width:144px;height:36px;flex-basis:144px;filter:brightness(0) saturate(100%) invert(18%) sepia(34%) saturate(2294%) hue-rotate(206deg) brightness(91%) contrast(93%)}
#loginScreen .login-brand .mkd-brand-caption {position:static;left:auto;display:block;padding-left:24px;border-left:1px solid rgba(40,55,119,.22);color:var(--mkd-blue);font:500 12px var(--font-ui);letter-spacing:.04em}
#loginScreen .onray-language-switcher {background:transparent;box-shadow:none;border-color:rgba(40,55,119,.25);border-radius:6px;backdrop-filter:none}
#loginScreen .onray-language-switcher::before {color:var(--mkd-blue);background:transparent}
#loginScreen .onray-language-switcher select {font:500 12px var(--font-ui);color:var(--mkd-blue);height:27px}
#loginScreen .login-grid {grid-template-columns:minmax(0,1fr) 410px;width:100%;max-width:1190px;gap:70px;margin:70px auto 80px;flex:1;align-content:center}
#loginScreen .login-intro {min-width:0;padding:10px 0}
#loginScreen .mkd-kicker {display:flex;align-items:center;gap:10px;margin:0 0 27px;font-size:13px;font-weight:600;letter-spacing:.06em}
#loginScreen .mkd-kicker>span {display:grid;place-items:center;width:25px;height:25px;background:var(--mkd-blue);color:var(--mkd-yellow);border-radius:50%;font-size:18px;font-weight:400}
#loginScreen .login-intro .login-headline {gap:9px;margin:0;max-width:100%;line-height:1.16;letter-spacing:-.04em;color:var(--mkd-blue)}
#loginScreen .login-intro .login-headline b,#loginScreen .login-intro .login-headline>span {font-size:clamp(42px,4.9vw,69px);font-weight:850;letter-spacing:-.045em;white-space:normal;color:var(--mkd-blue);text-wrap:balance}
#loginScreen .login-intro .login-headline .mkd-headline-dot {display:inline;color:#3483fa;font:inherit;letter-spacing:0}
#loginScreen .mkd-tagline {margin:26px 0 12px;font-size:22px;font-weight:650;letter-spacing:-.015em}
#loginScreen .mkd-description {max-width:480px;margin:0;color:#515a7d;font-size:14px;font-weight:400;line-height:1.95}
#loginScreen .mkd-workflow {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:42px 0 0;padding:23px 0 0;border-top:1px solid rgba(40,55,119,.22);max-width:560px}
#loginScreen .mkd-workflow li {display:flex;gap:11px;align-items:center;min-width:0}
#loginScreen .mkd-step-icon {display:grid;place-items:center;flex:0 0 39px;height:43px}
#loginScreen .mkd-step-icon svg {width:28px;height:28px}
#loginScreen .mkd-workflow small {display:block;margin-bottom:5px;color:#626744;font:9px var(--font-mono);letter-spacing:.03em}
#loginScreen .mkd-workflow strong {display:block;font-size:12px;line-height:1.5;font-weight:650}
#loginScreen .login-card {position:relative;width:100%;padding:36px 34px 30px;border:1px solid rgba(40,55,119,.06);border-radius:18px;color:var(--mkd-blue);background:#fff;box-shadow:0 18px 0 -10px rgba(40,55,119,.07),0 28px 65px -35px rgba(40,55,119,.35);backdrop-filter:none}
#loginScreen .mkd-card-symbol {position:absolute;right:34px;top:35px;display:grid;place-items:center;width:39px;height:39px;border:1px solid #e6eaf3;border-radius:10px;color:#3483fa;font-size:25px;font-weight:400}
#loginScreen .login-card-top {margin-bottom:26px;padding-right:24px}
#loginScreen .login-card-top p {margin-bottom:7px;color:#7a8196;font:500 12px var(--font-ui)}
#loginScreen .login-card h2 {color:var(--mkd-blue);font-size:28px;font-weight:750;letter-spacing:-.035em}
#loginScreen .mkd-card-description {display:block;margin-top:12px;color:#7a8196;font-size:12px;line-height:1.7;font-weight:400}
#loginScreen .login-card>label {margin-top:20px;color:#3d4964;font-size:12px;font-weight:600}
#loginScreen .login-card input {height:50px;margin-top:9px;padding:0 14px;border:1px solid #dce0e9;border-radius:7px;color:#283777;background:#fff;font-weight:400;transition:border-color .15s,box-shadow .15s}
#loginScreen .login-card input::placeholder {color:#9b9fad}
#loginScreen .login-card input:focus {border-color:#3483fa;box-shadow:0 0 0 3px rgba(52,131,250,.12)}
#loginScreen .password-wrap input {padding-right:48px}
#loginScreen .eye-button {display:grid;place-items:center;width:36px;height:36px;bottom:7px;color:#8991a7}
#loginScreen .login-options {align-items:center;margin:18px 0 26px;color:#6a748a;font-size:12px}
#loginScreen .check-label {font-weight:400;gap:7px}
#loginScreen .check-label input {width:14px;height:14px;margin:0;padding:0;accent-color:#3483fa}
#loginScreen .login-options a,#loginScreen .login-hint a {color:#286ad3;font-weight:600}
#loginScreen .login-options a:hover,#loginScreen .login-hint a:hover {text-decoration:underline;text-underline-offset:3px}
#loginScreen .login-button {height:51px;border-radius:7px;background:#3483fa;color:#fff;padding:0 18px;font-size:14px;letter-spacing:.025em;box-shadow:0 4px 9px rgba(52,131,250,.12)}
#loginScreen .login-button:hover {background:#2968c8;transform:translateY(-1px)}
#loginScreen .login-button:disabled {opacity:.65;cursor:wait;transform:none}
#loginScreen .login-hint {margin:25px 0 0;padding-top:22px;border-top:1px solid #edf0f5;color:#80889c;font-size:12px;font-weight:400}
#loginScreen .login-footer {gap:20px;align-items:center;width:100%;padding-top:19px;border-top:1px solid rgba(40,55,119,.14);color:#676d59;font:11px var(--font-ui);letter-spacing:.025em}
#loginScreen a:focus-visible,#loginScreen button:focus-visible,#loginScreen select:focus-visible {outline:3px solid #283777;outline-offset:4px}
@media(min-width:1600px) {#loginScreen .login-grid {gap:100px;grid-template-columns:minmax(0,1fr) 430px}#loginScreen .login-card {padding:42px 38px 34px}}
@media(min-width:761px) and (max-height:820px) {
  #loginScreen {padding-top:24px;padding-bottom:18px}
  #loginScreen .login-brand {padding-bottom:18px}
  #loginScreen .login-grid {margin-top:30px;margin-bottom:32px}
  #loginScreen .login-card {padding-top:28px;padding-bottom:24px}
  #loginScreen .login-card-top {margin-bottom:20px}
  #loginScreen .login-card>label {margin-top:16px}
  #loginScreen .mkd-card-symbol {top:27px}
  #loginScreen .login-options {margin:15px 0 21px}
  #loginScreen .login-hint {margin-top:20px;padding-top:18px}
}
@media(max-width:1050px) {
  #loginScreen {padding:28px 32px 22px}
  #loginScreen .login-grid {gap:35px;grid-template-columns:minmax(0,1fr) 370px;margin:55px auto 60px}
  #loginScreen .login-intro .login-headline b,#loginScreen .login-intro .login-headline>span {font-size:clamp(36px,4.8vw,52px)}
  #loginScreen .login-card {padding:32px 27px 27px}
  #loginScreen .mkd-tagline {font-size:18px}
  #loginScreen .mkd-workflow {gap:9px}#loginScreen .mkd-workflow li {display:block}#loginScreen .mkd-step-icon {display:none}
}
@media(max-width:760px) {
  #loginScreen {padding:22px 22px 20px}
  #loginScreen .login-brand {gap:12px;padding-bottom:18px}
  #loginScreen .login-brand .brand-mark {width:113px;height:29px;flex-basis:113px}
  #loginScreen .login-brand .mkd-brand-caption {display:none}
  #loginScreen .login-grid {grid-template-columns:1fr;gap:30px;width:min(460px,100%);margin:36px auto 35px}
  #loginScreen .login-intro {padding:0}
  #loginScreen .mkd-kicker {font-size:11px;margin-bottom:18px}
  #loginScreen .mkd-kicker>span {width:21px;height:21px;font-size:15px}
  #loginScreen .login-intro .login-headline {gap:4px}
  #loginScreen .login-intro .login-headline b,#loginScreen .login-intro .login-headline>span {font-size:clamp(32px,9vw,47px);letter-spacing:-.055em}
  #loginScreen .mkd-tagline {margin:17px 0 8px;font-size:17px}
  #loginScreen .mkd-description {font-size:12px;line-height:1.8}
  #loginScreen .mkd-workflow {margin-top:24px;padding-top:17px;gap:10px}
  #loginScreen .mkd-workflow strong {font-size:11px}
  #loginScreen .mkd-workflow small {font-size:8px}
  #loginScreen .login-card {padding:28px 24px 24px;border-radius:14px}
  #loginScreen .login-card h2 {font-size:25px}
  #loginScreen .mkd-card-symbol {right:24px;top:27px}
  #loginScreen .login-card-top {margin-bottom:22px}
  #loginScreen .login-card input {font-size:16px}
  #loginScreen .login-footer {gap:12px;flex-wrap:wrap;font-size:10px;justify-content:space-between}
  #loginScreen .login-footer>span:last-child {display:none}
}
@media(prefers-reduced-motion:reduce) {#loginScreen *,#loginScreen *::before {transition:none!important;scroll-behavior:auto!important}}