@charset "UTF-8";
body:is([data-page=login],[data-page=register],[data-page=verify],[data-page=reset]){min-height:100svh;display:flex;flex-direction:column;background:#fff}.account-header{width:100%;max-width:1800px;margin:0 auto;height:76px;min-height:76px;padding:14px 3.35%}.wordmark{font-size:35px;letter-spacing:-1.8px}.header-link{font-size:11px;gap:8px;color:#7e8795}.login-main{flex:1;min-height:0;padding:35px 24px 65px;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:350px}.login-card h1{font-size:31px;line-height:1.35;font-weight:600;letter-spacing:-.8px;margin:0 0 32px;text-align:center}.google-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:47px;border:1px solid #747775;border-radius:9px;background:#fff;color:#1f1f1f;font-family:"Google Sans",var(--font);font-size:14px;font-weight:500;padding:10px 12px;position:relative;transition:background .15s}.google-login img{width:20px;height:20px;flex-shrink:0;object-fit:contain;position:absolute;left:14px}.google-login:hover{background:#f7f8fa}.login-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:#a3aab5;font-size:10px;line-height:1.8}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e9edf1}.field-label{font-size:11px;font-weight:500;color:#687381;line-height:1.7;margin-bottom:8px}.email-input{background:#fff;border-color:#dce2e9;border-radius:9px;min-height:47px;padding:12px 14px;font-size:13px}.email-input::placeholder{color:#a0a9b5}.login-submit{min-height:47px;border-radius:9px;margin-top:12px;font-size:12px;padding:12px 15px;justify-content:space-between}.login-submit>span{font-size:18px}.login-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;font-size:9px;color:#919ca9;line-height:1.8}.login-preview button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font-size:10px;color:#7d8999;min-height:32px;padding:3px 0;white-space:nowrap}.login-preview button:hover{color:#c76331}.login-feedback{margin-top:16px;color:#a45c3b;font-size:11px;line-height:1.9;padding:10px 12px;border-radius:7px;background:#fff7f0;overflow-wrap:anywhere}.account-footer{font-size:9px;line-height:1.8;padding:15px 24px 22px;margin:0 auto}
@media(max-width:560px){.account-header{height:69px;min-height:69px;padding:13px 6%}.wordmark{font-size:31px}.header-link{font-size:10px;gap:6px}.login-main{padding:35px 7% 60px}.login-card{max-width:350px}.login-card h1{font-size:28px;margin-bottom:29px}.google-login{font-size:14px;min-height:47px}.email-input{font-size:16px;min-height:48px}.login-submit{font-size:13px;min-height:47px}.login-preview{margin-top:23px;font-size:9px;gap:8px}.login-preview button{font-size:10px}.account-footer{font-size:9px;padding:14px 7% 19px}}
@media(max-height:600px) and (min-width:561px){.login-main{padding-top:15px;padding-bottom:20px}.login-card h1{font-size:28px;margin-bottom:20px}.login-divider{margin:15px 0}.login-preview{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.google-login{transition:none}}

.auth-switch{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:21px;color:#8d98a6;font-size:11px;line-height:1.8}.auth-switch a{display:inline-flex;align-items:center;gap:5px;min-height:32px;color:#c46435;font-weight:500}.auth-switch a:hover{color:#9d4b24}.auth-switch a span{font-size:13px}
@media(max-height:600px) and (min-width:561px){.auth-switch{margin-top:15px}}

/* Authentication stays quiet: one task and a mode switch. */
.login-main{padding-top:35px;padding-bottom:75px}.login-card h1{font-size:30px;margin-bottom:30px}.login-preview{margin-top:20px}.auth-switch{margin-top:17px}
@media(max-width:560px){.login-main{padding-top:35px;padding-bottom:70px}.login-card h1{font-size:28px}.login-preview{margin-top:19px}.auth-switch{margin-top:16px}}
@media(max-height:600px) and (min-width:561px){.login-main{padding-top:15px;padding-bottom:25px}.login-card h1{margin-bottom:20px}}

.otp-email{margin:0 0 22px;color:#687484;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.otp-input{letter-spacing:5px}.otp-actions{display:flex;justify-content:space-between;gap:14px;margin-top:16px}.otp-actions button{padding:4px 0;border:0;background:none;color:#687484;font-size:12px}.otp-actions button:disabled{opacity:.6;cursor:default}

.password-field{margin-top:15px}.password-field[hidden]{display:none}

.password-help{display:flex;justify-content:flex-end;margin-top:7px}.password-help[hidden]{display:none}.password-help button,.password-help a,.auth-text-button{border:0;padding:5px 0;background:none;font-size:11px;color:#8c7466;cursor:pointer}.password-help button:hover,.password-help a:hover,.auth-text-button:hover{color:#c46435}.auth-state-icon{display:block;width:39px;height:39px;margin:0 auto 22px;color:#e87642}.auth-recipient{font-size:13px;color:#39434e;text-align:center;overflow-wrap:anywhere;margin:0 0 12px}.auth-flow-note{font-size:12px;color:#86909d;line-height:1.75;text-align:center;margin:0 0 19px}.auth-flow-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px}.auth-flow-link{display:inline-flex;align-items:center;min-height:36px;font-size:11px;color:#8c7466}.native-auth-panel>.auth-flow-link{display:flex;justify-content:center;margin-top:14px}.auth-flow-field+.auth-flow-field{margin-top:15px}.native-auth-panel .login-submit{width:100%;justify-content:center}.auth-text-button:disabled{opacity:.6;cursor:default}.auth-button-link{display:flex;justify-content:center;color:#fff!important}.login-card[aria-busy=true]{opacity:.76}.native-auth-panel[hidden]{display:none}
