html body.login-page{min-height:100vh;min-height:100dvh;margin:0;background:linear-gradient(112deg,#388c46 0%,#209975 48%,#00a4b5 100%);font-family:Arial,Helvetica,sans-serif}
.login-main{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 20px 40px;box-sizing:border-box}
.login-tools{position:absolute;right:24px;top:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html .login-tools .theme-toggle,html .login-tools select,html .login-tools button{background:#143a35;color:#fff;border:1px solid #ffffff40;border-radius:6px;min-height:38px}
.login-tools form{margin:0;display:flex;gap:6px;align-items:center}.login-tools select{width:auto}
html .login-card{width:365px;max-width:100%;box-sizing:border-box;background:#182322;color:#eef4f1;border:1px solid #ffffff20;border-radius:8px;padding:28px 30px 24px;box-shadow:0 18px 50px #00443b30}
html[data-theme=light] .login-card{background:#fff;color:#3b4640;border-color:#ffffff90}
.login-identity{text-align:center;margin-bottom:28px}.login-identity img{display:block;object-fit:contain;width:100px;height:100px;margin:0 auto 12px}.login-identity div{font-size:15px;letter-spacing:2px;font-weight:700}.login-identity small{display:block;margin-top:7px;font-size:9px;letter-spacing:1.7px;opacity:.65}
.login-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html .login-form{display:flex;flex-direction:column;gap:0}.login-form label{font-size:13px;margin:0 0 7px;color:inherit}.login-form label span{color:#ee6871;margin-left:3px}
html .login-form input{height:42px;min-height:42px;width:100%;box-sizing:border-box;border:1px solid #455954;border-radius:4px;background:#10201c;color:#eef4f1;padding:9px 11px;margin:0 0 18px;font-size:16px;box-shadow:none}
html[data-theme=light] .login-form input{background:#fff;color:#263c35;border-color:#d2d9d5}
html .login-form input:focus{outline:2px solid #41ba8b;outline-offset:2px}
html .login-forgot{align-self:flex-end;font-size:12px;color:#74d8bf;margin:-4px 0 22px;text-decoration:none}
html[data-theme=light] .login-forgot,html[data-theme=light] .login-register a{color:#197d70}
html .login-form .login-submit{width:100%;height:43px;min-height:43px;background:#299450;border:0;border-radius:4px;color:#fff;font-size:14px;font-weight:600;padding:10px;cursor:pointer}
html .login-form .login-submit:hover{background:#217a41}.login-form .login-submit:focus-visible{outline:2px solid #60d8ac;outline-offset:3px}
.login-register{text-align:center;font-size:11px;margin:21px 0 0;line-height:1.6;opacity:.85}html .login-register a{color:#74d8bf}
.login-support{text-align:center;display:flex;flex-direction:column;gap:9px;font-size:11px;margin-top:22px;color:#fff}html .login-support a{color:#fff;text-decoration:none}
.login-main>.alert{width:365px;max-width:100%;box-sizing:border-box;margin:0 0 16px}
@media(max-width:480px){.login-main{padding:90px 18px 30px}.login-tools{top:16px;right:18px;left:18px;justify-content:flex-end}.login-card{padding:26px 25px}.login-tools .theme-label{font-size:11px}}
/* Reference login and recovery screens use the same fixed light appearance. */
html body.login-page{background:linear-gradient(120deg,#13bb8e 0%,#1bb19d 55%,#2a9aa8 100%)}
html .login-main{padding:40px 18px;min-height:100vh;min-height:100dvh}
html .login-card,html[data-theme=light] .login-card{width:365px;padding:42px 32px 32px;background:#fff;color:#14263e;border:0;border-radius:8px;box-shadow:none}
html .login-identity{margin-bottom:36px}html .login-identity img{width:90px;height:90px;margin:0 auto}
html .login-form label{color:#14263e;font-size:13px;font-weight:500;margin-bottom:7px}
html .login-form input,html[data-theme=light] .login-form input{height:36px;min-height:36px;background:#fff;color:#14263e;border:1px solid #9ba5b4;border-radius:2px;box-shadow:inset 0 1px 2px #00000012;margin-bottom:17px;padding:7px 9px}
html .login-forgot,html[data-theme=light] .login-forgot{color:#0088e9;font-size:13px;margin:-8px 0 18px;font-weight:500}
html .login-form .login-submit{height:36px;min-height:36px;border-radius:3px;background:#0ec994;font-size:13px;font-weight:700;padding:8px}
html .login-form .login-submit:hover{background:#0cb586}
html .login-instructions{font-size:13px;line-height:17px;margin:0 0 17px;color:#14263e}
/* Match reference form geometry: 301 × 36 px fields inside a 365 px card. */
html .login-card .login-form{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
html .login-card .login-form label{display:block;line-height:16px;letter-spacing:0;margin:0 0 7px;padding:0}
html .login-card .login-form input,html[data-theme=light] .login-card .login-form input{display:block;width:100%;max-width:none;height:36px;min-height:36px;line-height:20px;margin:0 0 17px;padding:7px 9px;font-family:Arial,Helvetica,sans-serif;font-size:14px;border:1px solid #9ba5b4;border-radius:2px;background:#fff;color:#14263e;color-scheme:light;appearance:none}
html .login-card .login-form .login-forgot{line-height:16px;margin:-8px 0 18px;align-self:flex-end}
html .login-card .login-form .login-submit{height:36px;min-height:36px;line-height:16px;margin:0;border:0;padding:10px 12px}
html .login-card .login-identity{margin-bottom:44px}

.language-welcome{width:min(480px,calc(100% - 32px));margin:auto;text-align:center;padding:36px;background:#fff;color:#172a28;border-radius:16px}.language-welcome h1{font-size:26px;margin:20px 0 10px}.language-welcome p{color:#596b68}.language-options{display:grid;gap:12px;margin-top:28px}.language-options button{text-align:left;background:#087e72;color:#fff;padding:18px 22px;font-size:18px}.language-options button span{display:block;font-size:12px;margin-top:8px;opacity:.85}

html .login-card .login-form .signup-agreement{display:flex;align-items:flex-start;gap:9px;margin:0 0 22px;line-height:18px}html .login-card .login-form .signup-agreement input{appearance:auto;flex:0 0 16px;width:16px;height:16px;min-height:16px;margin:1px 0 0;padding:0;accent-color:#0cb586}html .login-card .login-form .signup-agreement span{color:#14263e;margin:0;font-size:12px}html .signup-agreement a{color:#0088e9}html .signup-password-hint{font-size:11px;margin:-9px 0 17px}

.currency-onboarding h1{font-size:21px;line-height:1.3;margin:0 0 18px}.currency-onboarding select{width:100%;background:#fff;color:#14263e;border:1px solid #9ba5b4;border-radius:3px;padding:10px;margin-bottom:18px;color-scheme:light}

/* Email verification and password reset share the authentication card. */
html .email-card h2{font-size:20px;line-height:26px;letter-spacing:0;margin:0 0 15px;color:#14263e}
html .email-card .login-instructions{overflow-wrap:anywhere}
html .email-card .email-button{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;background:#0ec994;color:#fff;border:0;border-radius:3px;font-size:13px;font-weight:700;line-height:18px;padding:9px 12px}
html .email-card .email-button:hover{background:#0cb586}
html .email-card .email-links{margin:22px 0 0;text-align:center;font-size:12px;line-height:20px;color:#14263e}
html .email-card .email-links a,html .email-card .email-logout button{color:#0088e9}
html .email-card .email-logout{margin:17px 0 0;text-align:center}
html .email-card .email-logout button{font-size:12px;background:transparent;border:0;padding:0;min-height:0}