@font-face {
  font-family: 'Auth Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./public/fonts/inter/inter-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Auth Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./public/fonts/inter/inter-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Public identity is independent from any previously opened club palette. */
#login-screen,.recovery-dialog{--auth-accent:#355cf3;--auth-dark:#2446cc;--auth-soft:#edf1ff;--auth-line:#dce3ef;--auth-ink:#16243d;--auth-muted:#596a84;font-family:'Auth Inter',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
#login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;padding:40px 20px;background:radial-gradient(ellipse at 25% 0,#e8eeff 0,transparent 55%),radial-gradient(ellipse at 100% 100%,#e6f3ff 0,transparent 50%),#f6f8fc;isolation:isolate;overflow-x:clip}
#login-screen:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 22%,#246ef508 0,transparent 24%),radial-gradient(circle at 86% 76%,#246ef508 0,transparent 28%)}
#login-screen .login-card{width:min(100%,448px);padding:24px;border:1px solid #dce5f4;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 24px 80px -32px #29478238,0 4px 12px -8px #29478220;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left;min-width:0}
#login-screen .login-brand{display:flex;align-items:center;justify-content:flex-start;gap:11px;margin:0 0 16px}
#login-screen .login-brand .brand-mark{width:38px;height:38px;padding:0;background:transparent;border-radius:0;box-shadow:none;flex:none}
#login-screen .login-brand img{width:100%;height:100%;object-fit:contain;animation:auth-logo-enter 420ms cubic-bezier(.2,.75,.25,1) both}
#login-screen .login-brand strong{font-size:22px;font-weight:780;letter-spacing:-.04em;color:var(--auth-ink)}
#login-screen #login-title,#login-screen .auth-panel>h2{margin:0 0 8px;font-size:28px;font-weight:750;line-height:1.25;letter-spacing:-.035em;color:var(--auth-ink)}
#login-screen .login-card[data-auth-view="register"] #login-title,#login-screen .login-card[data-auth-view="recovery"] #login-title{display:none}
.auth-stage{position:relative;min-width:0}.auth-panel{min-width:0}.auth-panel[hidden],#login-screen [hidden],.recovery-dialog [hidden]{display:none!important}
#login-screen .auth-description{font-size:14px;line-height:1.65;color:var(--auth-muted);margin:0 0 20px}
#login-screen .login-form{display:grid;gap:8px;margin:0;text-align:left}
#login-screen .login-form label,.recovery-dialog .recovery-form label{font-size:13px;font-weight:650;color:#40516a;margin:0}
#login-screen .login-form>.input,#login-screen .login-form>.password-field{margin-bottom:6px}
#login-screen .login-form .input,.recovery-dialog .recovery-form .input{min-width:0;min-height:48px;width:100%;padding:11px 14px;border:1px solid var(--auth-line);border-radius:12px;background:#fafbff;color:var(--auth-ink);font-size:16px;line-height:1.4;transition:border-color 150ms,box-shadow 150ms,background 150ms}
#login-screen .login-form .input::placeholder,.recovery-dialog .input::placeholder{color:#64748b;opacity:1}
#login-screen .login-form .input:-webkit-autofill,
#login-screen .login-form .input:-webkit-autofill:hover,
#login-screen .login-form .input:-webkit-autofill:focus,
.recovery-dialog .recovery-form .input:-webkit-autofill,
.recovery-dialog .recovery-form .input:-webkit-autofill:hover,
.recovery-dialog .recovery-form .input:-webkit-autofill:focus,
#login-screen .login-form .input:autofill,
.recovery-dialog .recovery-form .input:autofill{
 color:var(--auth-ink)!important;-webkit-text-fill-color:var(--auth-ink)!important;caret-color:var(--auth-ink);
 background-color:#fafbff!important;-webkit-box-shadow:0 0 0 1000px #fafbff inset!important;box-shadow:0 0 0 1000px #fafbff inset!important;
}
#login-screen .login-form .input:hover,.recovery-dialog .recovery-form .input:hover{border-color:#b6c8e1}
#login-screen .login-form .input:focus,.recovery-dialog .recovery-form .input:focus{border-color:var(--auth-accent);outline:0;box-shadow:0 0 0 4px #246ef512;background:white}
#login-screen .login-form [aria-invalid="true"],.recovery-dialog .recovery-form [aria-invalid="true"]{border-color:#c7364d;box-shadow:0 0 0 3px #c7364d0d}
#login-screen .password-field>input,.recovery-dialog .password-field>input{padding-right:56px}
#login-screen .password-visibility-toggle,.recovery-dialog .password-visibility-toggle{width:46px;min-height:46px;right:3px;color:var(--auth-muted);border:0;background:transparent;transition:color 150ms,background 150ms}
#login-screen .password-visibility-toggle:hover,.recovery-dialog .password-visibility-toggle:hover{background:var(--auth-soft);color:var(--auth-accent)}
#login-screen .password-visibility-toggle svg,.recovery-dialog .password-visibility-toggle svg{transition:opacity 150ms,transform 150ms}
#login-screen .password-visibility-toggle:active svg,.recovery-dialog .password-visibility-toggle:active svg{transform:scale(.9)}
#login-screen .login-card .button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 16px;border-radius:11px;font-size:14px;font-weight:700;transition:background 160ms,box-shadow 160ms,transform 160ms}
#login-screen [aria-busy="true"] button[type="submit"]{cursor:wait;opacity:.85}
#login-screen button[type="submit"][aria-busy="true"]:before,.recovery-dialog .is-loading:before{content:'';width:16px;height:16px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:auth-spin 750ms linear infinite}
#login-screen .login-access-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0 12px;margin-top:2px}
#login-screen .login-access-links .recovery-link{margin:0;padding:10px 0;min-height:44px;color:var(--auth-muted);font-size:12px;font-weight:550;text-decoration:none}
#login-screen .login-access-links .recovery-link:hover{color:var(--auth-dark);text-decoration:underline;text-underline-offset:3px}
#login-screen .login-registration{margin-top:4px;padding-top:10px;border-top:1px solid #e8edf5}
.auth-registration-link,.auth-back{display:flex;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;color:var(--auth-dark);font:inherit;font-size:13px;font-weight:650;line-height:1.5;padding:8px 0;cursor:pointer}
.auth-registration-link{width:100%;justify-content:space-between}.auth-back{margin:-8px 0 16px;font-size:12px;font-weight:550;color:var(--auth-muted)}
#login-screen :is(.auth-registration-link,.auth-back):hover{color:var(--auth-accent)}
#login-screen :is(button,a):focus-visible,.recovery-dialog :is(button,a):focus-visible{outline:3px solid #246ef5;outline-offset:3px}
#login-screen :is(#login-error,#registration-error){margin:0;padding:10px 12px;border:1px solid #f0cfd6;border-radius:10px;background:#fff5f6;color:#ac243d;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
#login-screen #login-account-choice{margin:4px 0 8px}#login-screen #login-account-choice select{margin-top:8px}
#login-screen .login-roles:empty{display:none}
.auth-password-meter{margin:-2px 0 10px}.auth-meter-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}.auth-meter-bars i{height:4px;border-radius:5px;background:#e5ebf3;transition:background 180ms}.auth-meter-bars i.is-met{background:var(--auth-accent)}.auth-password-meter>p{font-size:12px;color:var(--auth-muted);line-height:1.5;margin:0 0 6px}
/* Recovery uses the same blue palette, including on the platform login page. */
.recovery-dialog{padding:30px;border-color:var(--auth-line);background:#fff;color:var(--auth-ink);font-family:inherit}
.recovery-dialog .recovery-heading-icon{background:var(--auth-soft);border-color:#d5e5ff;color:var(--auth-accent)}
.recovery-dialog h2{font-size:26px;line-height:1.3;font-weight:750;letter-spacing:-.03em;color:var(--auth-ink)}
.recovery-dialog .recovery-kicker{color:var(--auth-muted);font-size:11px;font-weight:650;letter-spacing:.05em}
.recovery-dialog .recovery-description{font-size:14px;line-height:1.65;color:var(--auth-muted)}
.recovery-dialog .recovery-form{gap:8px}.recovery-stage{position:relative;min-width:0}
.recovery-dialog [data-recovery-step]:not([hidden]){animation:none}
.recovery-dialog .recovery-progress{gap:12px;margin:24px 0;position:relative;isolation:isolate}
.recovery-dialog .recovery-progress li{font-size:11px;color:var(--auth-muted);gap:6px;align-items:center}
.recovery-dialog .recovery-progress li>span{width:25px;height:25px;border:1px solid #e0e7f1;background:#f3f6fb;color:var(--auth-muted);transition:background 240ms,border-color 240ms,box-shadow 240ms}
.recovery-dialog .recovery-progress li:not(:last-child):after{height:2px;border-radius:2px;background:linear-gradient(var(--auth-accent),var(--auth-accent)) left center/0% 100% no-repeat,#e5ebf3;transition:background-size 300ms}
.recovery-dialog .recovery-progress li.is-done:after{background-size:100% 100%}
.recovery-dialog .recovery-progress li.is-active{color:var(--auth-dark)}
.recovery-dialog .recovery-progress li.is-active>span{background:var(--auth-soft);border-color:var(--auth-accent);color:var(--auth-accent);box-shadow:0 0 0 3px #246ef510}
.recovery-dialog .recovery-progress li.is-done>span{background:var(--auth-accent);border-color:var(--auth-accent);color:#fff;box-shadow:none}
.recovery-dialog .recovery-progress svg{width:14px;height:14px}
.recovery-dialog .recovery-code-slots{gap:8px}
.recovery-dialog .recovery-code-slots>span{height:56px;border:1px solid var(--auth-line);border-radius:11px;background:#f7f9fd;color:var(--auth-ink);font-size:25px;transition:border-color 160ms,box-shadow 160ms,background 160ms}
.recovery-dialog .recovery-code-slots>.is-filled{background:var(--auth-soft);border-color:#b8d0fc}
.recovery-dialog .recovery-code-slots>.is-current{border-color:var(--auth-accent);box-shadow:0 0 0 3px #246ef512;background:#fff;transform:none}
.recovery-dialog .recovery-code-slots>.is-current:empty:after{background:var(--auth-accent)}
#login-screen .recovery-code-entry>.input.recovery-code,.recovery-dialog .recovery-code-entry>.input.recovery-code{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;box-shadow:none;outline:0;cursor:text}
.recovery-dialog .recovery-code-entry.is-error .recovery-code-slots>span{border-color:#c7364d;background:#fff5f6;box-shadow:none}
.recovery-dialog .recovery-code-entry.is-verifying .recovery-code-slots>span{border-color:#246ef5;background:#edf4ff}
.recovery-dialog .recovery-help{color:var(--auth-muted);font-size:12px;line-height:1.6;margin:2px 0 10px}
.recovery-dialog .recovery-status{font-size:13px;line-height:1.65;color:var(--auth-muted)}
.recovery-dialog .recovery-password-rules{font-size:11px;gap:5px 12px;color:var(--auth-muted)}
.recovery-dialog .recovery-secondary{background:#f7f9fd;border-color:var(--auth-line);color:var(--auth-dark)}
.recovery-dialog .recovery-secondary:hover:not(:disabled){background:var(--auth-soft)}
.recovery-dialog .recovery-link{color:var(--auth-dark);font-family:inherit;font-size:12px}
.recovery-dialog .recovery-close{color:var(--auth-muted);width:40px;height:40px;border-radius:10px;background:#f7f9fd}
.recovery-dialog .recovery-success-icon{background:#ecf8f1;color:#17794c;box-shadow:0 0 0 9px #f4fbf7}
.recovery-dialog .recovery-success-icon svg{width:32px;height:32px}.recovery-success-icon path{stroke-dasharray:30;stroke-dashoffset:0;animation:auth-check 480ms ease-out both}
#login-screen .recovery-dialog.auth-inline{position:relative;inset:auto;display:block;width:100%;max-width:none;max-height:none;margin:0;padding:0;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent;animation:none}
#login-screen .recovery-dialog.auth-inline:not([open]){display:none}
#login-screen .auth-inline .recovery-heading-icon{width:36px;height:36px;margin-bottom:12px}
#login-screen .auth-inline .recovery-close{top:-4px;right:-4px}
.auth-entry-success{position:fixed;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:1000;padding:12px 18px;border:1px solid #d7eedd;border-radius:14px;background:#f8fffb;color:#17794c;box-shadow:0 8px 30px #173b2620;font:650 13px/1.4 system-ui,sans-serif;pointer-events:none;animation:auth-entry-badge 1100ms ease both}
.auth-entry-success svg{width:21px;height:21px}.auth-entry-success path{stroke-dasharray:30;animation:auth-check 400ms ease-out both}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@keyframes auth-logo-enter{from{opacity:0;transform:translateY(-7px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes auth-check{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
@keyframes auth-entry-badge{0%{opacity:0;translate:0 -6px}20%,70%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -3px}}
@media(max-width:480px){#login-screen{padding:24px 14px;align-items:flex-start}#login-screen .login-card{padding:24px 20px;border-radius:22px;margin:auto 0}#login-screen .login-brand{margin-bottom:20px}.recovery-dialog{padding:24px 20px}.recovery-dialog .recovery-progress{gap:7px}.recovery-dialog .recovery-progress li{font-size:10px}.recovery-dialog .recovery-code-slots{gap:6px}.recovery-dialog .recovery-code-slots>span{height:50px;font-size:22px}.recovery-dialog h2{font-size:24px}}
@media(max-width:350px){#login-screen{padding:16px 10px}#login-screen .login-card{padding:22px 16px}.recovery-dialog .recovery-code-slots{gap:4px}.recovery-dialog .recovery-progress{gap:5px}.recovery-dialog .recovery-progress li{font-size:9px}.recovery-dialog .recovery-progress li>span{width:22px;height:22px}}
@media(max-height:600px){#login-screen{align-items:flex-start}#login-screen .login-card{margin:0}}
@media(prefers-reduced-motion:reduce){#login-screen *,#login-screen:before,.recovery-dialog *,.recovery-dialog,.auth-entry-success{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Reference refinement: compact light cards, directional scenes and six real OTP slots. */
#login-screen .login-brand .brand-mark{width:42px;height:42px}
#login-screen .login-brand strong{font-size:24px}
#login-screen #login-title{font-size:28px;margin-bottom:12px}
#login-screen .login-card:is([data-auth-view="register"],[data-auth-view="recovery"]) .login-brand{display:none}
#login-screen [data-auth-panel="login"]>.auth-description{display:block;font-size:13px;line-height:1.5;margin:-8px 0 12px}
#login-screen [data-auth-panel="register"]{position:relative}
#login-screen .auth-register-close{position:absolute;right:-8px;top:-9px;width:40px;height:40px;min-height:40px;margin:0;padding:0;justify-content:center;font-size:25px;font-weight:400;border-radius:10px;color:var(--auth-muted)}
#login-screen .auth-register-close:hover{background:var(--auth-soft)}
.auth-register-heading{display:flex;align-items:center;gap:12px;padding-right:26px;margin-bottom:18px}
.auth-register-icon{display:grid;place-items:center;flex:none;width:42px;height:46px;border:1px solid var(--auth-line);border-radius:12px;color:var(--auth-ink);background:#f7f9fc}
.auth-register-icon svg{width:25px;height:25px}
.auth-register-kicker{display:block;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--auth-muted);margin-bottom:5px}
#login-screen .auth-register-heading h2{font-size:22px;font-weight:750;line-height:1.2;letter-spacing:-.035em;margin:0;color:var(--auth-ink)}
#login-screen .auth-inline .recovery-heading-icon{width:42px;height:46px;border-radius:12px;background:#f7f9fc;border-color:var(--auth-line);color:var(--auth-ink);margin-right:12px;margin-bottom:16px}
#login-screen .auth-inline .recovery-kicker{font-size:10px;letter-spacing:.09em;padding-top:2px}
#login-screen .auth-inline h2{font-size:24px;margin-top:5px;padding-right:24px}
.recovery-dialog .recovery-code-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0 12px;margin-top:8px}
.recovery-dialog .recovery-code-actions>button{width:auto;min-height:44px;margin:0;padding:8px 0;font-size:12px}
.recovery-dialog .recovery-code-actions>.recovery-secondary{border:0;background:transparent;box-shadow:none;color:var(--auth-muted);font-weight:500}
.recovery-dialog .recovery-code-actions>.recovery-secondary:hover:not(:disabled){color:var(--auth-dark);text-decoration:underline;text-underline-offset:3px;background:transparent}
.recovery-dialog .recovery-progress{margin:20px 0;padding-bottom:16px}
.recovery-dialog .recovery-close{background:transparent}
.recovery-dialog .recovery-close:hover{background:var(--auth-soft)}
.recovery-dialog .recovery-code-entry.is-verifying .recovery-code-slots>span{animation:auth-otp-verify 1100ms cubic-bezier(.4,0,.2,1) var(--otp-delay,0ms) infinite alternate;will-change:transform;background:#edf4ff;border-color:var(--auth-accent)}
.recovery-dialog .recovery-code-entry.is-verifying .recovery-code-slots>.is-current:empty:after{display:none}
@keyframes auth-otp-verify{0%{transform:translateX(0) scale(1);box-shadow:0 0 0 0 #246ef500}100%{transform:translateX(var(--otp-shift,0px)) scale(.9);box-shadow:0 3px 12px #246ef51a}}
@media(max-width:480px){#login-screen .login-card{border-radius:22px}#login-screen .auth-register-heading h2{font-size:21px}#login-screen .auth-inline h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.recovery-dialog .recovery-code-entry.is-verifying .recovery-code-slots>span{animation:none!important;will-change:auto;transform:none}}
/* Preserve the existing platform login header outside the club login card. */
.platform-login>.login-brand{margin-bottom:22px;justify-content:flex-start}
.platform-login>.login-brand .brand-mark{background:transparent;box-shadow:none}
.platform-login>.login-brand strong{font-size:21px;letter-spacing:-.03em}
.platform-login>.login-brand+h1{margin-top:0}

/* Two background layers meet in the middle; text and loading indicators stay above them. */
:root body #login-screen .login-card .login-form>button[type="submit"]:is(.primary,.secondary),
:root body #password-recovery-dialog button.recovery-primary{
  border:1px solid var(--auth-accent);border-radius:11px;
  background-color:#fff;
  background-image:linear-gradient(90deg,#c9dcff,#edf3ff),linear-gradient(270deg,#c9dcff,#edf3ff);
  background-position:left center,right center;background-size:0% 100%,0% 100%;background-repeat:no-repeat;
  color:var(--auth-dark);-webkit-text-fill-color:var(--auth-dark);
  box-shadow:0 2px 8px -5px #355cf32b;font-weight:700;letter-spacing:0;filter:none;transform:none;
  transition:background-size 380ms cubic-bezier(.22,.7,.3,1),box-shadow 180ms,border-color 180ms;
}
@media(hover:hover) and (pointer:fine){
:root body #login-screen .login-card .login-form>button[type="submit"]:is(.primary,.secondary):not(:disabled):not([aria-busy="true"]):not(.is-loading):hover,
:root body #password-recovery-dialog button.recovery-primary:not(:disabled):not([aria-busy="true"]):not(.is-loading):hover{
  background-size:50.1% 100%,50.1% 100%;border-color:var(--auth-dark);box-shadow:0 4px 12px -6px #355cf340;
}
}
:root body #login-screen .login-card .login-form>button[type="submit"]:is(.primary,.secondary):not(:disabled):not([aria-busy="true"]):not(.is-loading):is(:focus-visible,:active),
:root body #password-recovery-dialog button.recovery-primary:not(:disabled):not([aria-busy="true"]):not(.is-loading):is(:focus-visible,:active){
  background-size:50.1% 100%,50.1% 100%;border-color:var(--auth-dark);
}
:root body #login-screen .login-card .login-form>button[type="submit"]:is(.primary,.secondary):is(:disabled,[aria-busy="true"],.is-loading),
:root body #password-recovery-dialog button.recovery-primary:is(:disabled,[aria-busy="true"],.is-loading){
  background-size:0% 100%,0% 100%;box-shadow:none;opacity:.65;
}
#login-screen .auth-name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:6px;min-width:0}
#login-screen .auth-name-fields>.form-field{display:grid;gap:8px;min-width:0;margin:0;padding:0}
#login-screen .auth-name-fields input{margin:0}
#login-screen .password-field>.password-visibility-toggle,.recovery-dialog .password-field>.password-visibility-toggle{top:0;bottom:0;margin:auto 0;transform:none;translate:none;transition:background 160ms,color 160ms,box-shadow 160ms}
#login-screen .password-field>.password-visibility-toggle:is(:hover,:active,[aria-pressed="true"]),.recovery-dialog .password-field>.password-visibility-toggle:is(:hover,:active,[aria-pressed="true"]){transform:none;translate:none;color:var(--auth-accent);background:#edf1ff;box-shadow:none;filter:none}
#login-screen .password-visibility-toggle svg,.recovery-dialog .password-visibility-toggle svg{display:block;flex:none}
.recovery-password-strength{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:2px 0 5px}
.recovery-password-strength i{height:4px;background:#e5ebf3;border-radius:4px;transition:background 180ms}
.recovery-password-strength i.is-met{background:var(--auth-accent)}
.recovery-dialog .recovery-match{min-height:18px;margin:0 0 2px;font-size:11px;line-height:1.5;color:var(--auth-muted)}
.recovery-dialog .recovery-match.is-match{color:#17774c}
.recovery-dialog .recovery-match.is-mismatch{color:#b12d49}
.recovery-dialog .recovery-code-slots>span{box-shadow:0 2px 5px -3px #243d7030;transition:border-color 160ms,box-shadow 160ms,background 160ms}
.recovery-dialog .recovery-code-entry:focus-within .recovery-code-slots>.is-current{border-color:var(--auth-accent);box-shadow:0 0 0 3px #355cf318}
.recovery-dialog .recovery-code-entry.is-complete:not(.is-error):not(.is-verifying) .recovery-code-slots>span{background:#edf1ff;border-color:#a9b9fc}
@media(hover:hover) and (pointer:fine){#login-screen .login-access-links .recovery-link:hover,#login-screen .auth-registration-link:hover{color:var(--auth-dark);background:transparent;filter:none}.recovery-dialog .recovery-code-entry:hover .recovery-code-slots>span{border-color:#b3c2e5}}
@media(max-width:350px){#login-screen .auth-name-fields{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#login-screen *, .recovery-dialog *{transition:none!important;animation:none!important}}

@keyframes auth-step-arrive{from{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){.recovery-dialog .recovery-progress li.is-active>span{animation:auth-step-arrive 240ms ease-out both}}