.account-main{max-width:780px;margin:48px auto;padding:0 24px;color:#e7f0ef}.account-main h1{font-size:36px}.account-form{display:grid;gap:18px;padding:24px;background:#131e22;border:1px solid #304247;border-radius:12px;margin:20px 0}.account-form label{display:grid;gap:8px}.account-form input,.account-form select,.account-form textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #425d60;border-radius:6px;background:#0a1215;color:#e7f0ef;font:inherit}.account-form button,.account-main button,.account-nav a,.issue-trigger{background:#203d38;color:#effffb;border:1px solid #58bca7;border-radius:7px;padding:11px 16px;font:inherit;cursor:pointer;text-decoration:none}.account-form button:hover,.account-main button:hover,.account-nav a:hover{background:#2d5149}.account-form button:disabled{opacity:.5;cursor:wait}.account-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.account-main a{color:#69dac5}.account-main article{padding:20px;border:1px solid #304247;border-radius:8px;margin:16px 0;overflow-wrap:anywhere}.account-main article button{margin:6px}.beta-caveat{padding:12px 18px;margin:0;border-bottom:1px solid #304247;color:#c9dbd8;font-size:13px}.issue-trigger{margin:12px 0}.issue-dialog{max-width:620px;width:calc(100% - 60px);background:#101b1e;color:#e7f0ef;border:1px solid #4f8c80;border-radius:12px}.issue-dialog::backdrop{background:#0009}#message{white-space:pre-line}.account-links{display:flex;gap:20px;flex-wrap:wrap}.issue-dialog .account-form{padding:12px}.issue-dialog button{cursor:pointer}@media(max-width:600px){.account-main{margin:24px auto;padding:0 16px}.account-form{padding:16px}.account-nav a{padding:8px;font-size:13px}}

/* Account controls share the catalog's teal button treatment. */
.account-page{background:#0c1215;font-family:'DM Sans',system-ui,sans-serif}
.account-page .topbar{background:#0c1215}
.account-page .account-main{max-width:620px;margin:48px auto}
.account-page .account-main h1{font-size:clamp(28px,5vw,36px);letter-spacing:-.035em;margin:0 0 20px}
.account-page .account-main p{color:#aec4c4;line-height:1.65}
.account-page #message:empty{display:none}
.account-page .account-form{padding:28px;gap:20px;background:#131e22;border:1px solid #304247;border-radius:14px;box-shadow:0 12px 32px #0002}
.account-page .account-form h2{margin:0 0 2px;font-size:21px;letter-spacing:-.02em}
.account-page .account-form label{font-size:14px;font-weight:500;color:#cddfdf}
.account-page .account-form input{min-height:48px;border-radius:8px;font-size:16px}
.account-page .account-main button,.account-page .account-main a.account-action,.account-page .topbar .account-nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border:1px solid #58bca7;border-radius:9px;background:#203d38;color:#effffb;font-family:inherit;font-size:14px;font-weight:650;line-height:1.4;letter-spacing:0;text-decoration:none;cursor:pointer;box-shadow:0 2px 5px #0002;transition:background .15s,border-color .15s,box-shadow .15s}
.account-page .account-main button:hover,.account-page .account-main a.account-action:hover,.account-page .topbar .account-nav a:hover{background:#2d5149;border-color:#8ce4d0;box-shadow:0 3px 10px #0003}
.account-page .account-main button:active,.account-page .account-main a.account-action:active,.account-page .topbar .account-nav a:active{background:#19342f;box-shadow:none}
.account-page button:focus-visible,.account-page a:focus-visible{outline:2px solid #9df5df;outline-offset:4px}
.account-page .account-main button:disabled{opacity:.5;cursor:wait}
.account-page .account-form button[type=submit]{width:100%;min-height:48px;margin-top:4px}
.account-page .account-links{display:flex;gap:12px;padding-top:4px;flex-wrap:wrap}
.account-page .account-links a{flex:1 1 190px}
@media(max-width:600px){.account-page .account-main{margin:30px auto;padding:0 18px}.account-page .account-form{padding:22px 18px}.account-page .topbar .account-nav a{min-height:42px;padding:9px 15px}.account-page .account-links a{flex-basis:100%}}

.password-field{position:relative;display:block}.account-page .password-field input{padding-right:58px}.account-page .account-main .password-toggle{position:absolute;right:5px;top:5px;width:40px;min-height:38px;height:38px;padding:0;margin:0;border-color:transparent;background:transparent;box-shadow:none;color:#9ee7d5}.account-page .account-main .password-toggle:hover,.account-page .account-main .password-toggle[aria-pressed=true]{background:#203d38;border-color:#58bca7}.account-form small{color:#aec4c4;font-size:12px;line-height:1.5}
.email-confirmation{border:1px solid #47786b;background:#132723;border-radius:18px;padding:clamp(22px,5vw,40px);text-align:center;box-shadow:0 18px 55px #0003}.email-confirmation:focus{outline:none}.email-confirmation-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:#79dfc11c;color:#a4f4da;font-size:40px;border:1px solid #79dfc15c}.email-confirmation h2{font-size:28px;margin:0 0 14px}.email-confirmation-address{display:block;overflow-wrap:anywhere;color:#a4f4da;font-size:20px;margin:12px 0 24px}.email-confirmation p{line-height:1.65;color:#bdd0ca}.email-confirmation .account-action{display:block;margin:14px auto 0;max-width:340px}.email-confirmation .account-action:last-child{background:transparent}

.account-main .email-confirmation .account-action{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin:14px auto 0}
