.account-page{width:min(100%,480px);margin:32px auto 56px}
.account-brand{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 26px;color:var(--ink)}
.account-brand img{object-fit:contain}
.account-brand strong{border-left:1px solid var(--line);padding-left:18px;font-size:27px;letter-spacing:-1px}
.account-panel{padding:32px}
.account-emblem{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:14px;background:var(--soft);color:var(--teal);font-size:25px}
.account-panel h1{font-size:27px;line-height:1.25;letter-spacing:-.65px;margin:0 0 12px}
.account-intro{color:var(--muted);font-size:14px;margin:0 0 24px;line-height:1.65}
.account-form{display:grid;gap:20px;margin-top:26px}
.account-field>label{font-size:14px;margin-bottom:8px}
.account-input{position:relative}
.account-input input{width:100%;min-height:48px}
.account-input input[type=password],.account-input:has(.password-visibility) input{padding-right:48px}
.account-input input[aria-invalid=true]{border-color:var(--danger)}
.account-input .password-visibility{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:18px}
.account-input .password-visibility:hover{background:var(--soft);color:var(--teal)}
.account-field .help{font-size:12px;margin:6px 0 0}
.account-panel .field-error{font-size:13px;margin-top:6px;color:var(--danger)}
.account-submit{width:100%;justify-content:center;min-height:46px}
.account-back{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}
@media(max-width:600px){.account-page{margin:18px auto 30px}.account-panel{padding:24px}.account-panel h1{font-size:25px}}