@import url('/assets/base.css');
:root{--account-ink:#193c36;--account-muted:#687b71;--account-paper:#f8f8f2;--account-line:#dce3d8;--account-green:#dcedb9}
body{margin:0;color:var(--account-ink);background:var(--account-paper);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{color:inherit}input{min-width:0}button:disabled{opacity:.65}#account-app{min-height:100svh;display:flex;flex-direction:column}.account-header,.account-footer{width:min(1180px,calc(100% - 96px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.account-header{padding:30px 0;border-bottom:1px solid var(--account-line)}.account-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.6px;min-width:0}.account-brand>span:last-child{overflow-wrap:anywhere}.account-brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;background:var(--account-ink);color:var(--account-green);border-radius:12px;font-size:26px;line-height:1}.account-return{display:flex;align-items:center;gap:10px;color:var(--account-muted);font-size:14px;white-space:nowrap}.account-return:hover{color:var(--account-ink)}.account-return>span{font-size:20px}.account-layout{width:min(1056px,calc(100% - 96px));margin:86px auto 96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:88px;align-items:start;flex:1}.account-intro{padding-top:36px}.account-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#637d66}.account-intro h1{font-size:clamp(44px,4.5vw,62px);line-height:1.06;letter-spacing:-3px;font-weight:600;margin:23px 0 25px}.account-intro-copy{font-size:17px;line-height:1.8;color:var(--account-muted);max-width:360px;margin:0;overflow-wrap:anywhere}.account-intro-note{display:flex;gap:14px;align-items:center;margin-top:55px;max-width:360px;padding-top:26px;border-top:1px solid var(--account-line)}.account-note-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#e8efdf}.account-note-icon img{opacity:.75}.account-intro-note strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.account-intro-note p{font-size:12px;color:var(--account-muted);margin:3px 0 0}.account-card{background:#fff;border:1px solid var(--account-line);border-radius:24px;padding:32px;box-shadow:0 10px 32px #193c3605;min-width:0}.account-modes{display:flex;gap:4px;padding:5px;background:#f2f4ed;border-radius:12px;margin-bottom:31px}.account-modes button{flex:1;border:0;background:none;padding:10px 6px;border-radius:8px;font-size:13px;font-weight:600;color:var(--account-muted)}.account-modes button[aria-pressed=true]{background:#fff;color:var(--account-ink);box-shadow:0 1px 4px #193c3610}.account-card h2{font-size:24px;line-height:1.3;letter-spacing:-.8px;margin:0 0 9px;font-weight:600;overflow-wrap:anywhere}.account-card-copy{font-size:13px;color:var(--account-muted);margin:0 0 28px}.account-field{margin:0 0 22px}.account-field label,.account-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.account-field input{width:100%;height:48px;padding:12px 13px;background:#fff;border:1px solid #cfd8cd;border-radius:9px;color:var(--account-ink);font-size:15px}.account-field input::placeholder{color:#93a097}.account-password-wrap{position:relative}.account-password-wrap input{padding-right:82px}.account-password-toggle{position:absolute;right:4px;top:4px;bottom:4px;border:none;background:transparent;font-size:12px;padding:0 10px;border-radius:5px;color:#5b7365}.account-field-help{font-size:11px;color:var(--account-muted);margin:7px 0 0;line-height:1.6}.account-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--account-ink);color:#fff;border:1px solid var(--account-ink);border-radius:9px;min-height:48px;padding:12px 16px;font-size:13px;font-weight:600}.account-primary:not(:disabled):hover{background:#255247}.account-primary span{font-size:18px;font-weight:400}.account-privacy{margin:18px 5px 0;text-align:center;font-size:11px;line-height:1.65;color:var(--account-muted)}.account-error{border:1px solid #e7c7bd;background:#fff6f0;color:#843d28;padding:12px;border-radius:8px;font-size:13px;margin-bottom:20px}.account-footer{padding:22px 0 30px;border-top:1px solid var(--account-line);color:#869187;font-size:12px;overflow-wrap:anywhere}.account-loading{min-height:75svh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:36px;max-width:600px;margin:auto}.account-loading h1{font-size:28px;line-height:1.25;letter-spacing:-1px}.account-loading p{color:var(--account-muted)}.account-loading-mark{color:#8aa672}.account-loading a{font-size:14px;text-decoration:underline}.account-noscript{padding:30px;text-align:center}.account-notice{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,16px);max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;background:var(--account-ink);color:#fff;border:1px solid #4c6c57;border-radius:12px;box-shadow:0 8px 32px #193c3624;padding:13px 20px;font-size:13px;transition:opacity .2s,transform .2s}.account-notice.is-visible{opacity:1;transform:translate(-50%,0)}.account-profile-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.account-avatar{width:56px;height:56px;display:grid;place-items:center;background:var(--account-green);border-radius:18px;font-size:27px;font-weight:600}.account-connected{display:flex;align-items:center;gap:6px;color:#687d62;font-size:11px}.account-connected span{width:6px;height:6px;border-radius:50%;background:#75945c}.account-email-value{margin:0;color:var(--account-muted);font-size:14px;padding:8px 0;overflow-wrap:anywhere}.account-profile-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--account-line);margin-top:28px;padding-top:22px;font-size:12px}.account-profile-bottom a{font-weight:600}.account-profile-bottom button{border:0;background:none;font-size:12px;color:var(--account-muted);padding:5px 0}.account-profile-bottom a:hover,.account-profile-bottom button:hover{text-decoration:underline}
@media(max-width:960px){.account-layout{gap:40px;margin-top:65px;grid-template-columns:minmax(0,1fr) minmax(0,410px)}.account-intro h1{font-size:48px;letter-spacing:-2px}.account-intro-copy{font-size:15px}.account-card{padding:28px}.account-header,.account-footer,.account-layout{width:calc(100% - 64px)}}
@media(max-width:740px){.account-header,.account-footer,.account-layout{width:calc(100% - 40px)}.account-header{padding:20px 0}.account-brand{font-size:17px}.account-brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:23px}.account-return{font-size:12px;gap:6px}.account-layout{max-width:450px;display:block;margin-top:38px;margin-bottom:48px}.account-intro{padding:0 4px;margin-bottom:30px}.account-eyebrow{font-size:9px;letter-spacing:1.8px}.account-intro h1{font-size:42px;line-height:1.06;margin:15px 0 15px;letter-spacing:-1.9px}.account-intro h1 br{display:none}.account-intro-copy{font-size:14px;line-height:1.7;max-width:none}.account-intro-note{display:none}.account-card{padding:25px 22px;border-radius:20px}.account-card h2{font-size:23px}.account-modes{margin-bottom:27px}.account-footer{padding:20px 0;font-size:11px}.account-field input{font-size:16px}.account-notice{bottom:16px}}
@media(max-width:380px){.account-header,.account-footer,.account-layout{width:calc(100% - 28px)}.account-header{gap:10px}.account-brand{gap:8px;font-size:15px}.account-return{font-size:11px}.account-return>span{display:none}.account-card{padding:22px 18px}.account-intro h1{font-size:37px}.account-modes button{font-size:12px}}
/* The public SSR shell owns the shared header, navigation and footer. */
#account-app{min-height:0;display:block}
.account-public-main{padding-bottom:0}
.account-public-main .account-layout{width:min(1056px,100%);margin:68px auto 72px}
.account-intro>.account-return{width:max-content;max-width:100%;margin-bottom:27px}
@media(max-width:740px){.account-public-main .account-layout{width:min(450px,100%);margin:32px auto 48px}.account-intro>.account-return{margin-bottom:23px}}
