.account-page{display:grid;place-items:center;padding:32px 18px}
.account-card{width:100%;max-width:450px;padding:36px}
.account-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--akzent);color:white;font:500 28px Fraunces,serif;margin-bottom:22px}
.account-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-bottom:9px}
.account-card h1{font:300 38px/1.1 Fraunces,serif;letter-spacing:-.02em;margin:12px 0}
.account-card h2{font:500 23px Fraunces,serif;margin:26px 0 16px}
.account-intro{color:var(--text2);margin-bottom:26px}
.account-card label{display:block;font-size:13px;font-weight:500;margin:16px 0 7px}
.account-card input:not([type=hidden]){width:100%;min-width:0;min-height:46px;padding:10px 14px;background:var(--glas2);border:1px solid var(--linie2);border-radius:12px}
.account-card input:focus{outline:2px solid var(--akzent);outline-offset:2px}
.account-submit{display:block;width:100%;min-height:46px;margin-top:24px;border:0;border-radius:12px;background:var(--text);color:white;font-weight:500}
.account-submit:hover{background:var(--akzent)}
.account-footnote{font-size:12px;line-height:1.6;color:var(--text2);margin-top:16px}
.account-back,.account-logout{color:var(--text);font-size:13px;text-underline-offset:4px}
.account-logout{border:0;background:none;text-decoration:underline;padding:8px 0}
.logout-form{margin-top:14px}
.account-message{padding:12px 14px;border-radius:12px;margin:16px 0;font-size:13px}
.account-message.error{background:#fce8e5;color:#8d2721}
.account-message.success{background:#e1f2e9;color:#23543a}
.account-bar{max-width:1340px;margin:0 auto;padding:14px 24px 0;display:flex;align-items:center;justify-content:flex-end;gap:14px;color:var(--text2);font-size:12px;flex-wrap:wrap}
.account-bar a{color:var(--text);text-underline-offset:3px}
@media(max-width:480px){.account-card{padding:26px 22px}.account-card h1{font-size:34px}.account-bar{padding:12px 14px 0}}