:root{--paper:#f7efe2;--ink:#211e18;--lime:#d6ff45;--orange:#fa4b24}body.account-page{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;min-height:100dvh;display:grid;place-items:center}.account-shell{width:min(960px,calc(100% - 40px));display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);border-radius:24px;overflow:hidden;box-shadow:8px 8px var(--ink);background:#fffaf1}.account-story{padding:48px;background:var(--lime);display:flex;flex-direction:column;justify-content:space-between;gap:40px}.account-story h1{font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-3px;margin:0}.account-story p{line-height:1.6;max-width:30ch}.account-brand{font-weight:900;letter-spacing:3px}.account-form{padding:48px;min-width:0}.account-form h2{font-size:32px;letter-spacing:-1px;margin:0 0 12px}.account-form p{line-height:1.5}.account-form label{display:block;font-weight:700;margin-top:24px}.account-form input{width:100%;box-sizing:border-box;padding:14px;border:2px solid var(--ink);border-radius:8px;background:#fffdf7;color:var(--ink);font:inherit;margin-top:8px}.password-field{position:relative}.password-field input{padding-right:58px}.account-eye{position:absolute;right:8px;top:16px;background:none;border:0;padding:6px;cursor:pointer}.account-primary{display:block;width:100%;padding:15px;margin-top:24px;border:2px solid var(--ink);border-radius:8px;background:var(--lime);box-shadow:4px 4px var(--ink);font:700 16px Arial;cursor:pointer}.account-link{background:none;border:0;text-decoration:underline;padding:16px 0;color:var(--ink);font:inherit;cursor:pointer}.account-form button:disabled{opacity:.5;cursor:wait}.account-form [role=alert]{color:#a62d16;min-height:24px}.account-form [role=status]{overflow-wrap:anywhere}.account-form :focus-visible{outline:3px solid var(--orange);outline-offset:4px}.account-bar{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:8px 24px;background:#fffaf1;color:var(--ink);font:14px Arial}.account-bar button{border:1px solid;border-radius:6px;padding:6px 12px;background:transparent;color:inherit;cursor:pointer}@media(max-width:680px){.account-shell{grid-template-columns:1fr;margin:24px 0}.account-story{padding:24px;gap:20px}.account-story h1{font-size:36px}.account-story p{display:none}.account-form{padding:28px}.account-brand{font-size:13px}}

.account-form [hidden]{display:none!important}.account-admin{box-sizing:border-box;width:min(720px,calc(100% - 32px));max-height:85dvh;overflow:auto;background:#fffaf1;color:#211e18;border:2px solid;border-radius:18px;padding:28px;box-shadow:6px 6px #211e18;font:16px Arial}.account-admin::backdrop{background:#211e1890}.account-admin section{padding:20px 0;border-top:1px solid #c9bfb1;overflow-wrap:anywhere}.account-admin button{padding:10px;margin:4px 8px 4px 0;border:2px solid #211e18;border-radius:7px;background:#d6ff45;cursor:pointer}.account-admin p{line-height:1.5}.account-bar{flex-wrap:wrap}