.account-page{min-height:100vh;display:flex;flex-direction:column}
.account-header{width:100%;flex:0 0 auto}
.account-back{color:var(--muted);font-size:11px;font-weight:600;text-decoration:none}
.account-back:hover{text-decoration:underline;text-underline-offset:4px}
.account-back span{margin-left:8px}
.account-main{width:min(1020px,100%);flex:1;margin:auto;padding:65px 35px 75px;display:grid;grid-template-columns:1fr 410px;gap:clamp(40px,8vw,110px);align-items:center}
.account-intro h1{margin:0;font:500 clamp(46px,6vw,70px)/1.03 var(--display);letter-spacing:-.04em;color:var(--ink)}
.account-intro h1 em{color:var(--green);font-weight:500}
.account-intro>p:last-child{max-width:390px;margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.account-panel{padding:29px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--green)}
.account-panel>.tracker-eyebrow{margin-bottom:10px}
.account-panel h2{margin:0 0 21px;color:var(--ink);font:600 27px var(--display)}
.account-modes{display:grid;grid-template-columns:1fr 1fr;margin-bottom:21px;border-bottom:1px solid var(--line)}
.account-modes button{padding:10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:600 11px var(--body);cursor:pointer}
.account-modes button.is-active{border-color:var(--green);color:var(--green)}
.account-panel form>label{display:block;margin-bottom:15px;color:var(--ink);font-size:11px;font-weight:700}
.account-panel input{display:block;width:100%;height:43px;margin-top:6px;padding:0 11px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:12px var(--body)}
.account-panel input::placeholder{color:var(--muted)}
.account-panel label small{display:block;margin-top:5px;color:var(--muted);font-size:9px;font-weight:400}
.account-panel .account-remember{display:flex;align-items:flex-start;gap:9px;margin:0 0 12px;color:var(--ink);font-size:10px;font-weight:600;cursor:pointer}
.account-panel .account-remember[hidden]{display:none}
.account-panel .account-remember input{flex:0 0 auto;width:15px;height:15px;margin:1px 0 0;accent-color:var(--green)}
.account-panel .account-remember span{display:block}
.account-submit{width:100%;margin-top:4px}
.account-message{min-height:20px;margin:4px 0 10px;color:var(--green);font-size:10px;line-height:1.5}
.account-message.is-error{color:var(--tracker-red)}
.account-privacy{margin:15px 0 0;color:var(--muted);font-size:9px;line-height:1.7}
.setup-notice{margin-top:19px;padding:13px;background:var(--lime);color:var(--ink);font-size:10px;line-height:1.65}
.setup-notice p{margin:5px 0}
.setup-notice a{color:var(--green)}
.account-panel :focus-visible{outline:3px solid var(--clay);outline-offset:2px}
.account-header .tracker-brand{color:var(--ink)}
.account-page .tracker-footer{margin-top:auto}
@media(max-width:760px){.account-main{grid-template-columns:1fr;max-width:520px;padding:48px 24px 58px;gap:28px}.account-intro h1{font-size:clamp(43px,10vw,60px)}.account-panel{padding:23px}}
@media(max-width:400px){.account-main{padding-inline:17px}.account-panel{padding:19px}.account-back{font-size:9px}}