/* Account flows; login presentation follows Figma 8t54QJgp3No0YFOm7OmwTp / 4:374. */
body:has(.auth-workspace) > .topbar { display:none; }
.auth-workspace { --auth-ink:#303a31; --auth-green:#51674f; --auth-line:#d8d7c9; min-height:100vh; background:#f7f4ed; color:var(--auth-ink); font:400 18px/1.6 "Treasury Runtime Inter",sans-serif; display:flex; flex-direction:column; }
.auth-workspace * { box-sizing:border-box; }
.auth-workspace a { color:inherit; text-decoration:none; }
.auth-header { width:100%; max-width:1600px; margin:auto; padding:26px 64px; display:flex; justify-content:space-between; align-items:center; gap:28px; border-bottom:1px solid var(--auth-line); }
.auth-brand { display:flex; align-items:center; gap:12px; font:400 23px/1.3 "Treasury Runtime Lora",serif; }
.auth-brand img { width:25px; height:23px; }
.auth-header nav { display:flex; gap:32px; }
.auth-header nav a { display:flex; align-items:center; min-height:44px; }
.auth-header a:hover { text-decoration:underline; text-underline-offset:4px; }
.auth-content { flex:1; width:100%; max-width:680px; margin:auto; padding:63px 28px 64px; }
.auth-intro { margin-bottom:28px; text-align:center; }
.auth-eyebrow { color:#aa5b41; font-size:15px; font-weight:600; letter-spacing:.08em; }
.auth-intro h1 { font:400 clamp(32px,4vw,44px)/1.2 "Treasury Runtime Lora",serif; margin:14px 0; }
.auth-intro > p:last-child { color:#62675d; margin:0; }
.auth-workspace .auth-card { max-width:none; margin:0; padding:32px; border:1px solid var(--auth-line); border-radius:8px; background:#fffcf5; box-shadow:0 6px 22px #303a3106; gap:20px; }
.auth-step { margin:0; color:var(--auth-green); font-size:16px; font-weight:600; }
.auth-workspace fieldset { border:0; margin:0; padding:0; min-width:0; display:flex; flex-direction:column; gap:20px; }
.auth-workspace label { display:flex; flex-direction:column; gap:8px; font-size:17px; }
.auth-workspace label > span { font-weight:800; color:#6a7580; }
.auth-workspace input { background:white; border:1px solid #c9cdbf; border-radius:4px; min-height:50px; width:100%; font:inherit; color:inherit; padding:10px 14px; }
.auth-workspace input:focus-visible, .auth-workspace button:focus-visible, .auth-workspace a:focus-visible { outline:3px solid #8b9d82; outline-offset:3px; }
.auth-workspace .button.primary { background:var(--auth-green); color:#fffdf7; border:1px solid var(--auth-green); min-height:50px; font-size:18px; font-weight:600; border-radius:4px; }
.auth-workspace .auth-text-button, .auth-switch button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 4px; background:none; border:0; color:var(--auth-green); text-decoration:underline; text-underline-offset:4px; font:600 16px/1.5 "Treasury Runtime Inter",sans-serif; cursor:pointer; }
.auth-workspace button:disabled, .auth-workspace fieldset:disabled { opacity:.65; cursor:wait; }
.auth-workspace .auth-help, .auth-workspace small { color:#62675d; font-size:16px; line-height:1.6; margin:0; }
.auth-workspace .auth-code { letter-spacing:.3em; font-size:26px; text-align:center; }
.auth-email-note { margin:0; overflow-wrap:anywhere; }
.auth-verified { border:1px solid #c9d2bf; border-radius:7px; background:#e8ebdf; color:#43583e; padding:12px 14px; font-size:16px; overflow-wrap:anywhere; margin:0; }
.auth-feedback { font-size:16px; line-height:1.6; margin:0; overflow-wrap:anywhere; }
.auth-feedback:empty { display:none; }
.auth-feedback.is-error { color:#934a35; border-left:3px solid #aa5b41; padding-left:12px; }
.auth-feedback.is-success { color:#43583e; }
.auth-switch { border-top:1px solid var(--auth-line); margin:0; padding-top:20px; text-align:center; font-size:16px; }
.auth-footer { border-top:1px solid var(--auth-line); padding:24px; color:#62675d; text-align:center; font-size:15px; }
@media(max-width:800px) { .auth-header { padding:22px 28px; } .auth-content { padding-top:32px; } }
@media(max-width:500px) { .auth-header { padding:20px 22px; flex-wrap:wrap; gap:18px; } .auth-brand { font-size:21px; } .auth-header nav { font-size:16px; gap:24px; } .auth-content { padding:30px 22px 40px; } .auth-workspace .auth-card { padding:24px 20px; } }