.account-page{min-height:100vh;background:#f3f5f0}
.account-page [hidden]{display:none!important}
.account-header{height:76px;padding:0 max(28px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4dbd3;background:rgba(248,250,246,.9)}
.account-back{font-size:12px;font-weight:700;color:#4c5a51}.account-back:hover{color:#315bdb}
.account-layout{width:min(1260px,100% - 48px);min-height:calc(100vh - 76px);margin:0 auto;padding:34px 0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:26px;align-items:stretch}
.account-story{position:relative;min-height:700px;padding:clamp(34px,5vw,68px);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;background:#17241f;color:#f8faf6}
.account-story:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(217,243,121,.08)),repeating-linear-gradient(0deg,transparent 0 51px,rgba(255,255,255,.035) 52px),repeating-linear-gradient(90deg,transparent 0 51px,rgba(255,255,255,.035) 52px);pointer-events:none;z-index:0}
.account-story-copy,.account-art{position:relative;z-index:1}.account-story .eyebrow{color:#c8d4ca;font:10px var(--mono);letter-spacing:.08em}.account-story .eyebrow span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#d9f379}
.account-story h1{max-width:540px;margin:24px 0 15px;font:600 clamp(38px,4.4vw,64px)/1.02 var(--display);letter-spacing:0}.account-story-copy>p:not(.eyebrow){max-width:410px;margin:0;color:#c6d0c8;font-size:14px;line-height:1.7}.account-story-foot{margin-top:32px;padding-top:15px;display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff2a;color:#d9e1da;font:10px var(--mono)}.account-story-foot span:first-child{color:#d9f379}
.account-art{min-height:280px;margin:26px -18px -16px;perspective:900px}.asset-frame{position:absolute;margin:0;padding:10px;background:#f8faf6;color:#17241f;box-shadow:0 24px 42px #0004}.asset-frame-main{left:5%;bottom:8px;width:min(58%,320px);transform:rotate(-5deg);animation:asset-rise .7s .08s both,asset-drift 7s 1s ease-in-out infinite}.asset-frame-main img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;background:#dfe7da}.asset-frame figcaption{padding:9px 3px 2px;display:grid;gap:3px}.asset-frame figcaption span{font:8px var(--mono);color:#7b867d}.asset-frame figcaption strong{font:600 14px var(--display)}.asset-frame-float{right:5%;top:8px;width:180px;transform:rotate(7deg);animation:asset-rise .7s .22s both,asset-drift-alt 8s 1.2s ease-in-out infinite}.asset-frame-float img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:18px;background:#e8eee5}.asset-stamp{position:absolute;right:0;bottom:26px;width:90px;height:90px;padding:19px 14px;display:grid;align-content:center;border:1px solid #17241f;border-radius:50%;background:#d9f379;color:#17241f;text-align:center;font:700 12px/1.15 var(--display);transform:rotate(9deg);animation:stamp-in .5s .5s both}.asset-stamp b{font:500 17px var(--body)}
.account-main{min-width:0;padding:clamp(28px,4.3vw,58px);display:flex;align-items:center;justify-content:center;background:#fbfcf8;border:1px solid #e0e5dd;border-radius:5px}.account-form-wrap,.account-signed-in{width:min(100%,490px)}.account-kicker{margin:0 0 8px;color:#66726a;font:10px var(--mono);letter-spacing:.08em}.account-main h2{margin:0;font:600 clamp(25px,3vw,34px)/1.2 var(--display);letter-spacing:0}.account-intro{margin:10px 0 21px;color:#68746c;font-size:13px}
.account-switch{padding:4px;margin-bottom:17px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid #d8dfd6;border-radius:4px;background:#f0f3ed}.account-switch button{min-height:39px;border:0;border-radius:3px;background:transparent;color:#657169;font:600 12px var(--body);cursor:pointer}.account-switch button[aria-selected=true]{background:#17241f;color:#fff;box-shadow:0 2px 8px #17241f1c}
.account-message{margin:0 0 14px;padding:10px 12px;border:1px solid #d4dbd3;border-radius:3px;background:#eff4ea;color:#293c30;font-size:12px}.account-message[data-kind=error]{border-color:#e8b4a6;background:#fff1ed;color:#842f20}.account-message[data-kind=success]{border-color:#b7d69e;background:#f0f7e7;color:#294b24}
.social-signin{display:grid;grid-template-columns:1fr 1fr;gap:9px}.social-button{position:relative;min-width:0;height:43px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d2d9d1;border-radius:3px;background:white;color:#27342d;font:600 11px var(--body);cursor:pointer;transition:border-color .18s,transform .18s}.social-button:hover:not(:disabled){transform:translateY(-1px);border-color:#87968b}.social-button:disabled{opacity:.56;cursor:not-allowed}.social-mark{width:18px;height:18px;display:grid;place-items:center;font:700 15px Arial,sans-serif}.google-mark{color:#4285f4}.facebook-mark{border-radius:50%;background:#1877f2;color:white;font-size:14px}.social-button small{position:absolute;right:5px;top:-8px;padding:1px 4px;background:#fbfcf8;color:#778279;font:7px var(--mono)}.social-note{min-height:16px;margin:7px 0 0;color:#748078;font-size:9px;line-height:1.5}
.account-divider{margin:14px 0;display:flex;align-items:center;gap:10px;color:#879188;font-size:10px}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:#e0e5dd}
.account-fields{display:grid;gap:11px}.account-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.account-field-triple{grid-template-columns:1.1fr .58fr 1.32fr}.account-main label:not(.account-consent){min-width:0;display:grid;gap:5px;color:#36443b;font-size:10px;font-weight:700}.account-main input:not([type=checkbox]){width:100%;min-width:0;height:39px;padding:0 10px;border:1px solid #d2d9d1;border-radius:3px;background:#fff;color:#15211d;font:12px var(--body);outline:none}.account-main input:not([type=checkbox]):focus{border-color:#567663;box-shadow:0 0 0 3px #d9f37955}.account-main input::placeholder{color:#9aa39c}.account-label{margin-top:11px}.account-password-grid{margin-top:11px}.account-confirm-field{display:grid}.account-consent{margin:13px 0 14px;display:flex;align-items:flex-start;gap:8px;color:#68746c;font-size:10px;line-height:1.55}.account-consent input{flex:none;margin:2px 0 0;accent-color:#17241f}.account-consent a{color:#315bdb;text-decoration:underline;text-underline-offset:2px}.account-submit{width:100%;min-height:45px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:3px;background:#17241f;color:white;font:600 12px var(--body);cursor:pointer;transition:background .18s,transform .18s}.account-submit:hover{background:#294137;transform:translateY(-1px)}.account-submit:disabled{opacity:.65;cursor:wait;transform:none}.account-safety{margin:12px 0 0;color:#778279;font-size:9px;line-height:1.6}.account-signout{margin-top:24px;padding:9px 13px;border:1px solid #d2d9d1;border-radius:3px;background:white;color:#344239;font:600 11px var(--body);cursor:pointer}.profile-completion{margin-top:24px;padding-top:20px;border-top:1px solid #dfe5dd}.profile-completion h3{margin:0;font:600 18px var(--display)}.profile-completion>p{margin:5px 0 16px;color:#68746c;font-size:12px}.profile-completion form{display:grid;gap:12px}
@keyframes asset-rise{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes asset-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes asset-drift-alt{0%,100%{translate:0 0}50%{translate:0 8px}}@keyframes stamp-in{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@media(max-width:900px){.account-layout{grid-template-columns:minmax(0,.92fr) minmax(400px,1.08fr);gap:14px}.account-story{padding:34px 28px}.account-main{padding:30px 26px}.account-story h1{font-size:42px}.account-art{margin-inline:-12px}}
@media(max-width:700px){.account-header{height:64px;padding:0 18px}.account-back{font-size:10px}.account-layout{width:100%;min-height:calc(100vh - 64px);padding:0;display:flex;flex-direction:column;gap:0}.account-story{min-height:unset;padding:30px 23px 17px;border-radius:0}.account-story h1{max-width:500px;margin:13px 0 8px;font-size:36px}.account-story-copy>p:not(.eyebrow){max-width:500px;font-size:12px}.account-story-foot{display:none}.account-art{min-height:156px;max-width:500px;width:100%;margin:2px auto -1px}.asset-frame-main{left:7%;bottom:0;width:44%;padding:6px}.asset-frame-main figcaption{padding-top:5px}.asset-frame-main figcaption strong,.asset-frame-float figcaption strong{font-size:10px}.asset-frame-main figcaption span,.asset-frame-float figcaption span{font-size:6px}.asset-frame-float{right:13%;top:-1px;width:105px;padding:6px}.asset-frame-float img{padding:9px}.asset-stamp{right:6%;bottom:9px;width:62px;height:62px;padding:11px 8px;font-size:9px}.account-main{padding:29px 22px 34px;border:0;border-radius:0}.account-form-wrap,.account-signed-in{width:min(100%,520px)}.account-field-triple{grid-template-columns:1fr 78px 1.12fr}.account-main input:not([type=checkbox]){height:42px}}
@media(max-width:390px){.account-header{padding-inline:13px}.account-header .wordmark{font-size:13px}.account-back{font-size:9px}.account-main{padding-inline:15px}.account-story{padding-inline:18px}.account-story h1{font-size:32px}.social-signin{grid-template-columns:1fr}.social-button{height:40px}.account-field-grid{gap:8px}.account-field-triple{grid-template-columns:1fr 64px 1.05fr}.account-main label:not(.account-consent){font-size:9px}.account-main input:not([type=checkbox]){padding-inline:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.asset-frame-main,.asset-frame-float,.asset-stamp{animation:none}}