﻿@import url('assets/fonts/roboto.css');
*{box-sizing:border-box}body.auth-page{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:#f7faff;color:#142840;font-family:Roboto,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;width:19px;height:19px;flex-shrink:0}[hidden]{display:none!important}.auth-card{background:white;border:1px solid #edf1f8;box-shadow:0 1px 3px #20334b0a;width:454px;max-width:100%;padding:32px;color:#12263e}.auth-login{border-radius:4px;padding:33px 32px}.auth-login-heading{text-align:center;margin:0 0 22px}.auth-brand-icon{display:grid;place-items:center;background:#e6efff;color:#15304b;width:42px;height:42px;border-radius:13px;margin:0 auto 14px}.auth-brand-icon svg{width:20px;height:20px}.auth-card h1{font-size:23px;line-height:29px;letter-spacing:-.55px;font-weight:600;margin:0}.auth-login-heading p{font-size:13px;line-height:19px;color:#647f9f;margin:4px 0 0}.auth-field{margin:0 0 14px}.auth-field label,.auth-email-label label{display:block;font-size:12px;line-height:17px;font-weight:500;letter-spacing:.35px;text-transform:uppercase;color:#183451;margin-bottom:5px}.auth-field label em{color:#eb4772;font-style:normal}.auth-input{display:flex;align-items:center;position:relative;width:100%;min-width:0;height:44px;background:white;border:1px solid #bfcada;color:#52687f}.auth-input>svg{position:absolute;left:12px;top:12px;width:17px;height:17px;pointer-events:none}.auth-input input{display:block;width:100%;min-width:0;height:100%;border:0;outline:none;background:transparent;padding:0 39px;font-size:14px;line-height:20px;color:#1f3d5f;border-radius:0}.auth-input input::placeholder{color:#a1afc3;opacity:1}.auth-input:focus-within{border-color:#568cff;outline:2px solid #2563eb16;outline-offset:0}.auth-input:has(.auth-eye) input{padding-right:44px}.auth-eye{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:29px;height:29px;background:none;border:0;padding:5px;color:#4d6580}.auth-eye svg{width:18px;height:18px}.auth-login .auth-input{height:51px;border:2px solid #c6d3e4;border-radius:3px;box-shadow:0 1px 2px #18375c14}.auth-login .auth-input>svg{top:14px;width:20px;height:20px}.auth-login .auth-input input{font-size:16px;padding-left:49px}.auth-login .auth-eye{top:8px}.auth-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:20px;margin:15px 0 11px;color:#536a86}.auth-login-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-login-options input{margin:0;width:16px;height:16px;accent-color:#2563eb}.auth-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;background:#2563eb;border:1px solid #2563eb;border-radius:0;color:white;font-size:15px;font-weight:600;line-height:20px;padding:0 10px}.auth-primary svg{width:20px;height:20px}.auth-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font-size:13px;line-height:20px;color:#617791;margin:19px 0 0;text-align:center}.auth-footer a{font-weight:500}.auth-register{width:495px;border-top:4px solid #2563eb;padding:28px 31px}.auth-register-heading{border-bottom:1px solid #edf2fa;margin-bottom:8px;padding-bottom:8px}.auth-register h1{font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.65px}.auth-register .auth-field{margin-bottom:13px}.auth-register .auth-input>svg{width:16px;height:16px}.auth-register .auth-input input{font-size:13px}.auth-register .auth-primary{height:47px;font-size:12px;text-transform:uppercase;margin-top:23px;letter-spacing:.1px}.auth-register .auth-footer{font-size:12px;margin-top:10px}.auth-register .auth-footer a{color:#163c61;text-decoration:underline}.auth-fee{font-size:10px;line-height:16px;text-align:center;color:#8a9bb2;margin:8px 0 0}.auth-forgot{width:432px;border-top:4px solid #2563eb;padding:27px 30px 25px}.auth-reset-icon{display:grid;place-items:center;width:47px;height:47px;background:#eff5ff;color:#2563eb;margin-bottom:12px}.auth-reset-icon svg{width:24px;height:24px}.auth-reset-heading h1{font-size:22px;line-height:28px;letter-spacing:-.5px}.auth-reset-heading>p{font-size:13px;color:#69819e;line-height:20px;margin:9px 0 21px}.auth-email-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-email-label label{font-size:11px;line-height:17px;color:#4d6687;font-weight:400;letter-spacing:.4px}.auth-email-label>span{font-size:9px;color:#2563eb;text-transform:uppercase;letter-spacing:1px;line-height:17px;margin-bottom:5px}.auth-email-send{display:flex;align-items:stretch;border:1px solid #cbd7e9;padding:3px;margin-bottom:20px}.auth-email-send .auth-input{height:34px;flex:1;border:0}.auth-email-send .auth-input>svg{left:7px;top:9px;width:16px;height:16px}.auth-email-send input{font-size:12px;padding-left:29px;padding-right:6px}.auth-email-send>button{display:flex;justify-content:center;align-items:center;gap:5px;padding:0 10px;border:1px solid #2563eb;background:#2563eb;color:white;font-size:11px;font-weight:500;white-space:nowrap}.auth-email-send>button svg{width:13px;height:13px}.auth-otp-panel{border:1px solid #dce6f4;background:#f7faff;padding:14px 13px;margin-bottom:19px}.auth-otp-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.auth-otp-panel label{text-transform:uppercase;letter-spacing:.45px;font-size:11px;font-weight:500;color:#5f738e}.auth-otp-panel header button{display:flex;align-items:center;gap:5px;border:0;background:none;padding:0;font-size:10px;color:#6c7e98}.auth-otp-panel header svg{width:12px;height:12px}.auth-otp-panel .auth-input{height:39px;border-color:#cbd8ea}.auth-otp-panel .auth-input>svg{width:16px;height:16px;top:11px;left:12px;color:#98acc8}.auth-otp-panel .auth-input input{font-size:12px;padding-left:39px;padding-right:8px;letter-spacing:.6px}.auth-forgot .auth-primary{font-size:14px;height:44px}.auth-reset-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef2f9;margin-top:22px;padding-top:18px;font-size:12px;line-height:18px;color:#7184a0}.auth-reset-footer>a{display:flex;align-items:center;gap:5px;color:inherit}.auth-reset-footer>a:first-child{color:#203e60}.auth-reset-footer svg{width:14px;height:14px}.auth-notice{font-size:12px;line-height:19px;padding:11px 12px;border:1px solid #d2e2fb;background:#f2f7ff;color:#315f98;margin:0 0 18px;overflow-wrap:anywhere}.auth-error{border-color:#f3d6dc;background:#fff6f7;color:#a4475c}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #7da7f5;outline-offset:3px}@media(max-width:520px){body.auth-page{padding:16px 14px;align-items:flex-start}.auth-card{margin:auto 0}.auth-login{padding:32px}.auth-register{padding:25px 25px}.auth-register h1{font-size:26px;line-height:32px}.auth-forgot{padding:26px 28px}.auth-footer{font-size:12px}}@media(max-width:370px){.auth-login{padding:28px 22px}.auth-register,.auth-forgot{padding-left:21px;padding-right:21px}.auth-register h1{font-size:24px}.auth-email-send>button{padding:0 7px}.auth-email-send input{font-size:11px}.auth-login-options{font-size:12px}.auth-reset-footer{font-size:11px}}
/* Shared field geometry across all account screens. */
.auth-card{--auth-field-height:50px;--auth-field-border:#c7d3e4;--auth-field-radius:3px}
.auth-card .auth-input,.auth-login .auth-input,.auth-register .auth-input,.auth-otp-panel .auth-input,.auth-email-send .auth-input{height:var(--auth-field-height);border:1.5px solid var(--auth-field-border);border-radius:var(--auth-field-radius);background:#fff;box-shadow:none}
.auth-card .auth-input input,.auth-login .auth-input input,.auth-register .auth-input input,.auth-otp-panel .auth-input input,.auth-email-send .auth-input input{height:100%;padding:0 43px;font-size:14px;line-height:20px;letter-spacing:0;border:0;border-radius:var(--auth-field-radius);box-shadow:none}
.auth-card .auth-input>svg,.auth-login .auth-input>svg,.auth-register .auth-input>svg,.auth-otp-panel .auth-input>svg,.auth-email-send .auth-input>svg{left:13px;top:15px;width:18px;height:18px;color:#657d9b;stroke-width:1.8}
.auth-card .auth-input:focus-within{border-color:#568cff;outline:2px solid #2563eb16;outline-offset:0}
.auth-card .auth-eye{top:9px;right:7px;width:30px;height:30px}
.auth-card .auth-eye svg{width:18px;height:18px}
.auth-card .auth-field{margin-bottom:16px}
.auth-card .auth-field label,.auth-card .auth-email-label label,.auth-card .auth-otp-panel label{font-size:12px;line-height:18px;font-weight:500;letter-spacing:.35px;color:#183451}
.auth-card .auth-field label,.auth-card .auth-email-label label{margin-bottom:6px}
.auth-card .auth-email-send{position:relative;border:0;padding:0;background:transparent}
.auth-card .auth-email-send .auth-input{width:100%}
.auth-card .auth-email-send .auth-input input{padding-right:105px}
.auth-card .auth-email-send>button{position:absolute;right:4px;top:4px;height:42px;border-radius:1px;padding:0 10px}
