@charset "UTF-8";
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#203632;background:#fbfcf9;color-scheme:light;--teal:#236c5a;--line:#e0e7e1;--muted:#748176}*{box-sizing:border-box}body{margin:0}h1,h2,p{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9dbeaf;outline-offset:4px}[hidden]{display:none!important}.account-shell{min-height:100vh;display:grid;grid-template-columns:minmax(350px,44%) 1fr}.account-aside{background:#eaf0e5;padding:40px 55px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:660;letter-spacing:-1.5px;text-decoration:none;width:max-content}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--teal);color:white;font:600 28px Georgia,serif;padding-bottom:3px}.brand-dot{margin-left:-9px;color:var(--teal)}.account-story{margin:auto 0;padding:85px 0;max-width:420px}.eyebrow{text-transform:uppercase;color:#739071;font-size:10px;font-weight:650;letter-spacing:1.7px}.account-story h1{font-size:clamp(40px,4.4vw,66px);line-height:1.1;font-weight:500;letter-spacing:-2.5px;margin-top:26px}.account-story>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:29px;color:#71816b}.story-line{height:1px;background:#d0ddc9;margin:42px 0 21px;width:56px}.account-story>span{font-size:11px;color:#7c8d75}.aside-footer{font-size:10px;color:#8b9982}main{display:flex;flex-direction:column;padding:45px 65px 28px;min-width:0}.account-card{width:100%;max-width:380px;margin:auto;padding:30px 0}.tabs{display:flex;gap:23px;margin-bottom:46px;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:#8c9889;font-size:12px}.tabs button.active{color:var(--teal);border-color:var(--teal);font-weight:600}.account-card h2{font-size:36px;letter-spacing:-1.5px;line-height:1.15;font-weight:520;margin-top:16px}.subtitle{font-size:12px;color:var(--muted);line-height:1.8;margin-top:16px}form{margin-top:29px}label:not(.checkbox-label){display:block;font-size:11px;font-weight:600;margin:22px 0 9px}input:not([type=checkbox]){display:block;width:100%;min-height:46px;padding:11px 13px;border:1px solid #dce4d9;border-radius:8px;background:#fff;color:#203632;font-size:14px}input:not([type=checkbox]):focus{border-color:#89ac91}.field-hint{font-size:10px;color:#8a9685;line-height:1.5;margin-top:8px}.password-wrap{position:relative}.password-wrap input{padding-right:61px}.password-wrap button{position:absolute;right:5px;top:5px;height:36px;background:none;border:0;font-size:10px;color:var(--teal);width:48px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:25px;min-height:46px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;padding:13px 18px;width:100%}.primary{border:0;background:var(--teal);color:white;margin-top:28px}.primary:hover{background:#195443}.secondary{border:1px solid var(--line);background:white;color:#4f6a4c}.secondary:hover{background:#f0f5eb}#account-status,#delete-status{font-size:11px;line-height:1.7;color:#688264;margin:15px 0 0;min-height:18px}.error{color:#a04737!important}.text-button{background:none;border:0;color:var(--teal);padding:10px 0;font-size:11px;min-height:40px}.account-info{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;line-height:1.8;color:#7c8c74}.account-info summary{cursor:pointer;list-style:none;color:#5b7657;font-weight:550}.account-info summary:after{content:' +';margin-left:6px}.account-info[open] summary:after{content:' −'}.account-info p{margin-top:14px}.connection-error{border:1px solid #e7c9bb;background:#fdf5ef;border-radius:10px;padding:17px;color:#973d36;font-size:12px;line-height:1.7;margin-top:20px}.connection-error button{margin-top:14px}.checkbox-label{font-size:11px;line-height:1.8;display:flex;align-items:flex-start;gap:9px;margin:24px 0 0;color:#5f7359}.checkbox-label input{width:16px;height:16px;flex-shrink:0;accent-color:var(--teal);margin-top:2px}#new-recovery-code{display:block;background:#edf3e8;border:1px solid #dce6d4;padding:22px;border-radius:10px;overflow-wrap:anywhere;line-height:1.9;font-size:15px;letter-spacing:1.2px;margin:26px 0 16px;user-select:all}.delete-area{margin-top:42px}.delete-area form{margin-top:15px}.danger{color:#a04737;margin-top:22px}footer{display:flex;justify-content:space-between;font-size:10px;color:#9aa58f;padding-top:30px}footer a{text-decoration:none}.mobile-brand{display:none}
@media(max-width:960px){.account-shell{grid-template-columns:36% 1fr}.account-aside{padding:35px}.account-story h1{font-size:42px;letter-spacing:-1.9px}.account-story>p:not(.eyebrow){font-size:12px}.account-story .eyebrow{font-size:9px;line-height:1.8}main{padding:35px 45px 24px}}
@media(max-width:680px){.account-shell{display:block}.account-aside{display:none}main{min-height:100vh;padding:27px 28px 24px}.mobile-brand{display:block;text-decoration:none;font-size:26px;letter-spacing:-1.5px;font-weight:650;color:var(--teal)}.account-card{max-width:380px;padding:28px 0 35px}.tabs{margin-bottom:32px}.account-card h2{font-size:35px}.eyebrow{font-size:9px}.subtitle{font-size:12px}footer{padding-top:10px}.primary,.secondary{min-height:46px}}
.field-hint,.account-info,.subtitle,#account-status,#delete-status{color:#586e53;font-size:12px}
.eyebrow,.aside-footer,.account-story>span,footer{color:#5c7355}
.field-hint{font-size:11px}.account-info{font-size:11px}#recovery-heading{outline:none}
