/* Inline account card: only the illustration area changes. */
.hero-visual{position:relative;max-width:558px;width:100%;justify-self:end;display:grid;align-items:center;min-width:0}
.hero-visual>.hero-art,.hero-account{grid-area:1/1}
.hero-account{position:relative;z-index:2;width:calc(100% - 24px);max-width:432px;justify-self:center;padding:29px 32px 23px;background:#fffefa;border:1px solid #e2ded5;border-radius:24px;box-shadow:0 10px 28px #302d2306,0 2px 5px #302d2303;font-family:var(--sans);color:#292923;scroll-margin-top:110px}
.hero-visual.is-account-open>.hero-art{visibility:hidden;pointer-events:none}
.ha-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#8c877c}
.ha-close svg{width:16px;height:16px}.ha-close:hover{background:#f1eee7;color:#38392e}
.ha-header{text-align:center;margin-bottom:24px}.ha-header>img{width:32px;height:32px;margin:0 auto 13px}
.hero-account .ha-header h2{font:700 26px/1.3 var(--sans);letter-spacing:-.045em;margin:0;outline-offset:5px}.ha-header>p{font-size:12px;line-height:1.75;color:#82796a;margin-top:8px;overflow-wrap:anywhere}
.hero-account form{display:flex;flex-direction:column}.hero-account label{font-size:12px;font-weight:500;line-height:1.5;margin-bottom:6px;color:#625d52}
.hero-account input{font:400 14px/1.5 var(--sans);width:100%;min-width:0;height:46px;padding:11px 12px;border:1px solid #ded9cf;background:#fffefa;border-radius:9px;color:#34352f;margin:0 0 16px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
.hero-account input::placeholder{color:#a69c8d;font-size:12px}.hero-account input:focus{outline:none;border-color:#aa8467;box-shadow:0 0 0 3px #c4997920}
.ha-password{position:relative}.ha-password input{padding-right:58px}.ha-password button{position:absolute;right:4px;top:4px;height:38px;min-width:44px;font-size:11px;color:#89785f;border-radius:6px}.ha-password button:hover{background:#f3efe6}
.hero-account .ha-submit{width:100%;display:block;min-height:46px;padding:10px 16px;border:1px solid #292923;border-radius:9px;background:#292923;color:#fffefa;font-size:13px;font-weight:600;line-height:1.6;text-align:center}.ha-submit:hover{background:#424338}.hero-account button:disabled{opacity:.65;cursor:wait}.hero-account button:active{transform:translateY(1px)}
.ha-switch{text-align:center;color:#938675;font-size:12px;margin:18px 0 0;line-height:1.8}.ha-switch button,.ha-verify-actions button,.ha-logout{font-size:12px;color:#856342;padding:4px 3px}.ha-switch button:hover,.ha-verify-actions button:hover,.ha-logout:hover{text-decoration:underline;text-underline-offset:4px}
.ha-environment{font-size:10px;line-height:1.8;color:#968b7b;text-align:center;border-top:1px solid #ece7de;padding-top:14px;margin-top:18px}
.ha-status,.ha-error{font-size:12px;line-height:1.7;padding:9px 11px;margin:0 0 14px;border-radius:8px;overflow-wrap:anywhere}.ha-status{background:#f2eee5;color:#81715d}.ha-error{background:#f9eee7;color:#a04430;border:1px solid #eed7c8}
.ha-code-preview{background:#f4efe2;border:1px solid #e8ddc5;border-radius:9px;padding:12px 14px;margin-bottom:18px}.ha-code-preview>span{font-size:10px;color:#8e7858}.ha-code-preview code{display:block;font:600 26px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.18em;color:#665336;margin-top:4px}
.ha-verify-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.ha-verify-actions button{font-size:11px}.ha-preview-link{display:block;text-align:center;font-size:12px;color:#966849;margin-top:14px;text-decoration:underline}
.ha-identity{display:flex;gap:10px;align-items:center;border:1px solid #dce1ce;background:#f1f3e9;padding:14px;border-radius:10px;margin-bottom:14px}.ha-identity>svg{width:24px;color:#788565}.ha-identity strong{display:block;font-size:14px;font-weight:600}.ha-identity span{display:block;font-size:11px;color:#81856f;overflow-wrap:anywhere}.ha-quota{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.ha-quota>div{border:1px solid #e4ded3;border-radius:9px;padding:13px}.ha-quota span{display:block;font-size:10px;color:#8e816d}.ha-quota strong{display:block;font-size:25px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.8}.ha-logout{display:block;margin:12px auto 0}
.hero-account[data-view="register"]{padding-block:22px 18px}.hero-account[data-view="register"] .ha-header{margin-bottom:17px}.hero-account[data-view="register"] .ha-header>img{display:none}.hero-account[data-view="register"] input{height:41px;margin-bottom:11px}.hero-account[data-view="register"] .ha-password button{height:33px}.hero-account[data-view="register"] .ha-switch{margin-top:11px}.hero-account[data-view="register"] .ha-environment{margin-top:12px;padding-top:11px}
@media(max-width:800px){.hero-account{width:100%;padding-inline:22px}.hero-account .ha-header h2{font-size:23px}.hero:has(.is-account-open){align-items:start}.hero:has(.is-account-open) .hero-copy{padding-top:28px}}
@media(max-width:560px){.hero-visual{max-width:390px;align-self:center;margin-top:30px}.hero-visual>.hero-art{margin-top:0;max-width:350px;justify-self:center}.hero-account{width:100%;padding:28px 24px 22px}.hero-account input{font-size:16px}.hero-account[data-view="register"] input{height:44px}.hero:has(.is-account-open) .hero-copy{padding-top:0}.hero-account{scroll-margin-top:88px}}
@media(prefers-reduced-motion:reduce){.hero-account input{transition:none}.hero-account button:active{transform:none}}