.account-page{background:#f7f6f0;color:#173f53}
.account-main{padding:142px 5% 72px;min-height:calc(100svh - 40px)}
.account-layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(40px,7vw,100px);align-items:start}
.account-introduction{padding-top:24px;min-width:0}
.account-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.67rem;font-weight:600;color:#407a61;margin-bottom:21px}
.account-introduction h1{font-size:clamp(2.75rem,4.3vw,4.6rem);line-height:1.1;font-weight:400;letter-spacing:-.055em}
.account-introduction>p:not(.account-eyebrow){font-size:.95rem;line-height:1.75;color:#667d85;margin-top:25px}
.account-photo{position:relative;margin:35px 0 0;overflow:hidden;border-radius:180px 180px 8px 8px;height:275px;max-width:460px;background:#e6ece6}
.account-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.account-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#173e3580)}
.account-photo figcaption{position:absolute;z-index:1;bottom:20px;left:25px;right:25px;color:white;font-size:.85rem;font-weight:500;text-align:center}
.account-card{background:#fffdf8;border:1px solid #dce3da;border-radius:20px;padding:32px 36px 25px;box-shadow:0 16px 60px #173e3507;min-width:0}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf2ec;border-radius:100px;padding:5px;gap:4px;margin-bottom:31px}
.account-tabs button{border:0;background:none;border-radius:100px;min-height:43px;color:#526b61;font-size:.83rem;font-weight:600}
.account-tabs button[aria-selected=true]{color:#fff;background:#407a61;box-shadow:0 2px 7px #173e3514}
.account-card h2{font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.17;letter-spacing:-.045em}
.account-card h2 em{font-style:normal;font-size:inherit;font-weight:600;color:#407a61}
.account-form-intro{color:#6b7d80;font-size:.82rem;line-height:1.6;margin:12px 0 27px}
.account-fields{border:0;padding:0;margin:0;min-width:0}
.account-field{margin-bottom:19px}
.account-field label,.account-types legend{display:block;font-size:.76rem;font-weight:600;color:#173f53;margin-bottom:8px;letter-spacing:0}
.account-field input{height:50px;width:100%;border:1px solid #d5ddd5;border-radius:8px;background:#fffefb;padding:0 14px;color:#173f53;outline-offset:2px;font-size:.87rem}
.account-field input::placeholder{color:#91a19a;opacity:1}
.account-field input:focus{outline:2px solid #407a61;border-color:#407a61}
.account-password{position:relative}
.account-password input{padding-right:54px}
.account-password-toggle{position:absolute;right:3px;top:3px;height:44px;width:44px;border:0;background:none;color:#6e8479;display:grid;place-items:center;border-radius:6px}
.account-password-toggle:hover,.account-password-toggle[aria-pressed=true]{background:#edf2ec;color:#173e35}
.account-password-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}
.account-field-hint{display:block;font-size:.69rem;color:#6e8076;margin-top:7px}
.account-types{padding:0;border:0;margin:24px 0 19px;min-width:0}
.account-types>div{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:7px}
.account-types label{position:relative;cursor:pointer;display:block}
.account-types input{position:absolute;opacity:0;width:1px;height:1px}
.account-types span{border:1px solid #d5ddd5;border-radius:8px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#62766b;transition:background .2s,border-color .2s}
.account-types input:checked+span{background:#e9f1e9;border-color:#407a61;color:#173e35;font-weight:600}
.account-types input:focus-visible+span{outline:2px solid #407a61;outline-offset:3px}
.account-consent{display:flex;align-items:flex-start;gap:10px;font-size:.73rem;line-height:1.7;color:#63796d;margin:23px 0}
.account-consent input{accent-color:#407a61;width:18px;height:18px;flex-shrink:0;margin:1px 0 0;cursor:pointer}
.account-consent a,.account-help a{text-decoration:underline;text-underline-offset:3px;color:#173e35}
.account-submit{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:51px;padding:12px 20px;background:#407a61;color:white;border:1px solid #407a61;border-radius:8px;font-size:.86rem;font-weight:600;transition:background .2s}
.account-submit:hover{background:#173e35;border-color:#173e35}
.account-submit svg{width:21px;height:21px}
.account-fields:disabled .account-submit{opacity:.6}
.account-help{text-align:center;font-size:.73rem;color:#6b7d70;margin-top:23px}
.account-status{font-size:.77rem;color:#407a61;line-height:1.6;margin-top:18px;min-height:0}
.account-status:empty{display:none}
.account-error{padding:12px 14px;border-radius:8px;background:#fbede6;border:1px solid #eed2c1;color:#7a4028;font-size:.8rem;line-height:1.6;margin-top:16px}
.account-retry,.account-logout{min-height:44px;padding:8px 2px;border:0;background:none;color:#173e35;font-size:.8rem;text-decoration:underline;text-underline-offset:4px}
.account-retry{margin-top:8px}
.account-avatar{width:60px;height:60px;border-radius:50%;background:#e9f1e9;color:#407a61;display:grid;place-items:center;margin-bottom:25px}
.account-avatar svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.3}
#account-profile>.account-eyebrow{font-size:.62rem;margin-bottom:12px}
.account-details{margin:26px 0 30px}
.account-details>div{padding:15px 0;border-bottom:1px solid #e0e7de}
.account-details dt{font-size:.66rem;color:#7b8d80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.account-details dd{font-size:.88rem;margin:0;color:#173f53;overflow-wrap:anywhere}
.account-next-steps{display:grid;gap:12px}
.account-next{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 17px;border:1px solid #d5e1d5;border-radius:11px;background:#edf4eb;transition:transform .2s,background .2s}
.account-next:hover{background:#e4eee1;transform:translateY(-2px)}
.account-next strong{display:block;font-size:.83rem;font-weight:600;color:#173e35;line-height:1.5}
.account-next small{display:block;font-size:.69rem;color:#6f8274;line-height:1.6;margin-top:4px}
.account-next svg{width:21px;height:21px;flex-shrink:0;color:#407a61}
.account-logout{margin-top:21px}
.account-card [hidden]{display:none!important}
@media(max-width:1000px){.account-main{padding:123px 5% 60px}.account-layout{gap:35px;grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}.account-card{padding:27px}.account-introduction h1{font-size:3.05rem}.account-photo{height:280px}}
@media(max-width:760px){.account-main{padding:108px 24px 48px}.account-layout{grid-template-columns:1fr;gap:27px;max-width:520px}.account-introduction{padding:0}.account-eyebrow{font-size:.6rem;margin-bottom:13px}.account-introduction h1{font-size:2.75rem}.account-introduction>p:not(.account-eyebrow){font-size:.82rem;margin-top:16px}.account-photo{display:none}.account-card{padding:26px 25px;border-radius:16px}.account-tabs{margin-bottom:25px}.account-card h2{font-size:2.05rem}}
@media(max-width:380px){.account-main{padding-inline:18px}.account-card{padding:23px 18px}.account-introduction h1{font-size:2.45rem}.account-types span{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.account-page *{transition:none!important}}

/* Signup email verification: the code step appears under the form. */
.account-code { letter-spacing:.55em; text-align:center; font-variant-numeric:tabular-nums; font-size:1.15rem; }
.account-code::placeholder { letter-spacing:.55em; opacity:.35; }
.account-code-note { font-size:.74rem; color:#617279; margin-top:8px; line-height:1.6; }
.account-code-note:empty { display:none; }
.account-text-button { margin-top:10px; padding:0 0 4px; border:0; border-bottom:1px solid #9bacaf; background:transparent; color:#173f53; font:400 .76rem Manrope,Arial,sans-serif; cursor:pointer; }
.account-text-button:hover { color:var(--emphasis-green,#407a61); border-color:var(--emphasis-green,#407a61); }
.account-forgot{display:block;margin:10px auto 0;font-size:.73rem;color:#6b7d70;border-bottom-color:#b6c3bb}
.account-forgot:hover{color:var(--emphasis-green,#407a61);border-color:var(--emphasis-green,#407a61)}
.account-help{margin-bottom:0}