.ff-account{box-sizing:border-box;color:#103d4b;background:#f8feff;border:1px solid #c4e1e7;border-radius:24px;padding:32px;font:16px/1.7 system-ui,sans-serif;box-shadow:0 18px 60px #0037461a;}
dialog.ff-account{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;overflow:auto;}
dialog.ff-account::backdrop{background:#082b39b3;}
.ff-account h1,.ff-account h2{font-size:26px;line-height:1.4;margin:0 0 16px;}
.ff-account p{margin:12px 0;overflow-wrap:anywhere;}
.ff-account ul{padding-left:22px;color:#436775;}
.ff-account label{display:block;margin-top:18px;font-weight:600;}
.ff-account input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;margin-top:6px;padding:12px;border:1px solid #98bcc7;border-radius:10px;background:#fff;color:#103d4b;font:inherit;}
.ff-account input:focus-visible,.ff-account button:focus-visible,.ff-account a:focus-visible{outline:3px solid #007ea3;outline-offset:3px;}
.ff-account input[type=checkbox]{width:18px;height:18px;margin:4px 8px 0 0;flex:none;}
.ff-account .account-agree{display:flex;align-items:flex-start;font-weight:400;font-size:14px;}
.ff-account .account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.ff-account button,.ff-account .account-button{flex:1;min-height:48px;padding:10px 16px;border:1px solid #9bbdc6;border-radius:12px;background:#fff;color:#174e5e;font:600 16px/1.5 system-ui,sans-serif;cursor:pointer;text-align:center;}
.ff-account button.primary{background:#008c9f;border-color:#008c9f;color:#fff;}
.ff-account button.danger{background:#b9362a;border-color:#b9362a;color:#fff;}
.ff-account button:disabled{opacity:.65;cursor:not-allowed;}
.ff-account a{color:#006886;text-underline-offset:3px;}
.ff-account .account-note{color:#446b76;font-size:14px;}
.ff-account .account-status{padding:12px;border-radius:10px;background:#e2f5ef;color:#145840;overflow-wrap:anywhere;}
.ff-account .account-status.bad{background:#fff0ed;color:#a0251a;}
.ff-account [hidden]{display:none!important;}
body.account-recovery{margin:0;background:#eaf7fa;padding:36px 16px;font-family:system-ui,sans-serif;}
.account-recovery main{max-width:560px;margin:0 auto;}
.account-recovery nav{margin-bottom:20px;}
.account-recovery nav a{color:#14566b;}
.account-recovery #accountCodeSend{width:100%;margin-top:12px;}
@media(max-width:480px){.ff-account{padding:22px;}body.account-recovery{padding:20px 12px;}.ff-account h1,.ff-account h2{font-size:23px;}}