.auth-shell.auth-login-a{background:#edf0f1;backdrop-filter:none;align-items:safe center;overscroll-behavior:contain;padding:32px 16px;color:#242b30}
.auth-login-a .auth-card{--inset:28px;width:min(100%,420px);box-sizing:border-box;border:0;border-radius:8px;padding:0 var(--inset) var(--inset);background:white;box-shadow:0 12px 44px #2236331a}
.auth-brand-bar{height:72px;display:flex;align-items:center;padding:0 var(--inset);margin-inline:calc(-1 * var(--inset));border-radius:8px 8px 0 0;background:#242b30}
.auth-brand-bar img{display:block;width:92px;height:34px;object-fit:contain}
.auth-login-a .auth-close{width:44px;height:44px;top:14px;right:var(--inset);border:0;border-radius:4px;background:transparent;color:#72ceba;font-size:26px}
.auth-login-a .auth-tabs{gap:12px;margin:var(--inset) 0 24px}
.auth-login-a .auth-tabs button{background:transparent;color:#318271;border:0;border-bottom:1px solid #b5e2d9;border-radius:0;min-height:46px;font-size:15px}
.auth-login-a .auth-tabs button.active{color:#247b69;border-bottom:3px solid #5bbfab;font-weight:700}
.auth-login-a .auth-form{gap:16px}.auth-login-a .auth-form h1{font-size:24px;margin:0 0 4px}
.auth-login-a .auth-form label{color:#242b30;font-size:14px;font-weight:700;gap:8px}
.auth-login-a .auth-form input{--field-mint:#5bbfab;box-sizing:border-box;width:100%;min-width:0;height:46px;border:1px solid var(--field-mint);border-radius:4px;font-size:16px;color:#242b30}
.auth-login-a .auth-form button[type=submit]{min-height:48px;background:#242b30;color:#82d4c2;border:0;border-radius:4px;font-size:15px}
.auth-login-a .auth-help-actions{justify-content:center;gap:12px;flex-wrap:wrap}.auth-login-a .auth-help-actions button{min-height:44px;background:transparent;border:0;color:#43524e;font-size:13px}
.auth-login-a button:focus-visible{outline:2px solid #318675;outline-offset:2px}
.auth-login-a .auth-form input:focus{border-color:var(--field-mint);outline:2px solid var(--field-mint);outline-offset:2px;box-shadow:none}
@media(max-width:580px){.auth-shell.auth-login-a{padding: max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.auth-login-a .auth-card{--inset:20px}.auth-login-a .auth-tabs{margin-bottom:20px}}
.auth-form .password-field{position:relative;display:block}
.auth-form .password-field input{box-sizing:border-box;width:100%;height:46px;padding-right:62px;border:1px solid #5bbfab;border-radius:4px;font-size:16px}
.auth-form .password-field input:focus{outline:2px solid #5bbfab;outline-offset:2px}
.auth-form .password-field input:user-invalid{border-color:#ce5050;outline-color:#ce5050}
.auth-form label:has(.password-field input:user-invalid){color:#bd4242}
.auth-form .password-field .password-toggle{position:absolute;right:1px;bottom:1px;height:44px;min-width:44px;background:transparent;color:#215e51;border:0}
#signup-password-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#signup-password-feedback:empty{display:none}
.auth-form .password-toggle::before{content:"";display:block;margin:auto;width:20px;height:20px;background:#717979;mask:url("./eye-off.svg") center/contain no-repeat}
.auth-form .password-toggle[aria-pressed=true]::before{mask-image:url("./eye.svg")}
.auth-form .password-toggle:hover{background:#f4f5f5}
.auth-enroll.auth-login-a .auth-card{width:min(100%,620px)}
.auth-enroll .auth-form,.auth-enroll .enroll-company{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.auth-enroll .auth-form>*,.auth-enroll .enroll-company>label{grid-column:1/-1;min-width:0}
.auth-enroll .auth-form>label:has(.enroll-half),.auth-enroll .enroll-company>label:nth-of-type(-n+2){grid-column:auto}
.auth-enroll .enroll-company{border:0;border-top:1px solid #cfe3de;margin:4px 0 0;padding:20px 0 0}
.auth-enroll legend{color:#247b69;font-weight:700;padding:0 12px 0 0}
.auth-enroll .auth-form select{height:46px;width:100%;font-size:16px;border:1px solid #5bbfab;border-radius:4px}
.auth-enroll .verification-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
.auth-enroll .verification-row button{min-height:46px;color:#215e51;background:#edf8f5;border:1px solid #5bbfab;border-radius:4px}
.auth-enroll .auth-form .terms-row{align-items:center}.auth-enroll .auth-form .terms-row input{width:18px;height:18px;min-height:18px;flex:none;margin:0;accent-color:#318675}
@media(max-width:580px){.auth-enroll .auth-form,.auth-enroll .enroll-company{grid-template-columns:minmax(0,1fr)}}