@import url('/fonts/figtree.css');
:root{--auth-accent:#087f99;--auth-accent-dark:#066b80;font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#213f50;font-size:16px;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f3f7f9}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#e0eff3 0,transparent 58%),#f3f7f9}
a{color:var(--auth-accent);text-decoration:none}a:hover{text-decoration:underline}
button,input,select{font:inherit}button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77bdcd;outline-offset:3px}
.login-layout{width:min(100% - 32px,460px);margin:0 auto;min-height:100dvh;padding:36px 0 20px;display:flex;flex-direction:column;justify-content:center}
.login-layout.auth-wide{width:min(100% - 32px,580px)}
.auth-brand{text-align:center;margin-bottom:24px}
.auth-brand a{display:inline-flex;flex-direction:column;align-items:center;gap:12px;color:#213f50;text-decoration:none;max-width:100%}
.auth-brand img{width:88px;height:88px;object-fit:contain}
.auth-brand span{font-size:24px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}
.login-panel{background:#fff;border:1px solid #dfe8ed;border-top:3px solid var(--auth-accent);border-radius:14px;padding:28px 32px;box-shadow:0 10px 32px #244b6010}
.login-form{width:100%;margin:0}
.login-form h2{font-size:24px;font-weight:700;line-height:1.3333;letter-spacing:normal;margin:0 0 8px}
.muted{font-size:16px;color:#687d89;line-height:1.6;margin:0 0 22px}
.login-form label:not(.login-remember):not(.auth-consent):not(.auth-radio-options label):not(.login-account-choice){display:block;font-weight:700;font-size:18px;margin:16px 0 6px}
.login-form input:not([type=checkbox]):not([type=radio]),.login-form select{width:100%;font-size:14px;line-height:20px;min-height:42px;padding:9px 12px;border:1px solid #cedbe3;border-radius:7px;color:#213f50;background:#fff}
.login-form input:hover,.login-form select:hover{border-color:#8baebc}
.login-form input[aria-invalid=true],.login-form select[aria-invalid=true]{border-color:#b42318}
.login-form input[readonly]{background:#f5f8fa;color:#687d89}
.password-field{position:relative}.password-field input{padding-right:44px!important}
/* These fields already provide a password toggle; hide Edge's duplicate control. */
.password-field input::-ms-reveal{display:none}
.password-toggle{position:absolute;right:3px;top:3px;bottom:3px;width:36px;border:0;border-radius:4px;background:transparent;color:#687d89;display:grid;place-items:center}
.password-toggle:hover{background:#edf5f7;color:var(--auth-accent)}
.login-remember{display:flex;align-items:center;gap:8px;font-size:16px;margin:18px 0}
.login-remember input{width:16px;height:16px;margin:0;accent-color:var(--auth-accent)}
.login-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px;border:0;border-radius:7px;background:var(--auth-accent);color:#fff;padding:10px 16px;font-weight:700}
.login-submit:hover{background:var(--auth-accent-dark)}
.registration-form .login-submit{margin-top:22px}
.cms-login-form .login-submit{margin-top:20px}
.forgot-password-link,.auth-switch{display:block;text-align:center;font-size:16px;margin-top:16px}
.login-form>.auth-switch:first-of-type{padding-top:18px;border-top:1px solid #e6edf1;margin-top:22px}
.field-error{color:#b42318;font-size:14px;margin:6px 0;line-height:1.5}
.password-help{font-size:14px;line-height:1.5;color:#687d89;margin:6px 0}
.auth-registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.auth-field{min-width:0}.auth-full-width{grid-column:1/-1}
.auth-info,.recovery-help{font-size:16px;line-height:1.6;padding:12px 14px;background:#f0f7f9;border:1px solid #dcebf0;border-radius:7px;margin:18px 0;color:#426775}
.auth-footer{text-align:center;font-size:12px;color:#82939c;margin-top:24px}.auth-footer a{font-weight:700;color:#617a88}
.auth-toast{position:fixed;top:20px;right:20px;z-index:1000;max-width:min(460px,calc(100vw - 40px));display:flex;gap:16px;padding:16px 20px;border:1px solid #cfe7d7;border-left:4px solid #32985b;border-radius:10px;background:#fff;color:#205c40;box-shadow:0 8px 30px #0002;font-size:14px}.auth-toast button{border:0;background:transparent;color:#687d89;font-size:22px;align-self:start}
@media(max-width:520px){.login-layout{padding-top:24px;justify-content:flex-start}.login-panel{padding:24px 20px}.auth-brand{margin-bottom:20px}.auth-brand img{width:72px;height:72px}.auth-brand span{font-size:21px}.auth-registration-grid{grid-template-columns:1fr}}

.auth-notice{font-size:16px;line-height:1.5;margin:18px 0;padding:16px;background:#fefce8;border-left:4px solid #dc7003;border-radius:4px}
.auth-notice strong{font-weight:700}
.auth-notice a{color:var(--auth-accent);text-decoration:underline}
.auth-notice a:hover{text-decoration:underline}
.auth-gender{border:0;padding:0;margin:16px 0 0;min-width:0}
.auth-gender legend{font-size:18px;font-weight:700;margin-bottom:6px;padding:0}
.auth-radio-options{display:flex;align-items:center;min-height:42px;gap:20px;flex-wrap:wrap}
.auth-radio-options label,.auth-consent{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:400}
.auth-radio-options input,.auth-consent input{width:17px;height:17px;margin:0;accent-color:var(--auth-accent);flex-shrink:0}
.auth-consent{margin:22px 0 0;align-items:baseline}

.auth-footer-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #e6edf1;font-size:16px}
 .auth-link-separator{color:#a2b1b9}

.auth-recovery-success{padding:18px;background:#f0f8f3;border:1px solid #cfe5d7;border-radius:8px}
.auth-recovery-success svg{color:#328454;margin-bottom:12px}
.auth-recovery-success p{margin:12px 0 0;color:#426453;font-size:16px;line-height:1.6}

.auth-security-check{margin:20px 0 16px;min-width:0}
.auth-security-retry{border:0;padding:0;background:transparent;color:var(--auth-accent);text-decoration:underline;font-size:14px}

.login-help-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:16px}
.login-account-choice{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:4px 10px;margin:12px 0;padding:12px 16px;border:1px solid #cbdce4;border-radius:5px;background:#f7fafb;color:#243c50;text-align:left;cursor:pointer}
.login-account-choice:hover,.login-account-choice:focus-within{border-color:var(--brand-primary,#087f99);background:#edf7fa}
.login-account-choice span{font-size:14px;color:#637787}

.login-account-choice input{grid-row:1 / 3;margin:0;accent-color:var(--brand-primary,#087f99)}
.login-account-choice span{grid-column:2}
