.account-page { color-scheme: light; font-family: system-ui, -apple-system, sans-serif; color: #293a31; background: #f5f7f3; margin: 0; padding: 32px 24px; }
.account-entry * { box-sizing: border-box; }
.account-entry { max-width: 400px; margin: 10vh auto 0; }
.brand { color: #526e5d; font-size: 17px; font-weight: 600; }
.account-entry h1 { font-size: 30px; line-height: 1.2; margin: 28px 0 16px; }
.account-entry p { font-size: 17px; line-height: 1.6; }
.account-primary, .account-secondary { display: block; text-align: center; padding: 14px 16px; border: 1px solid #91a897; border-radius: 12px; font-weight: 600; text-decoration: none; color: inherit; margin-top: 16px; }
.account-primary { background: #dce8dd; }
.account-note { font-size: 15px; color: #56665b; margin-top: 28px; }
.account-error { color: #a32e35; }
.account-entry label { display: block; font-size: 17px; margin-top: 20px; }
.account-entry input { display: block; width: 100%; font: inherit; padding: 12px; margin-top: 6px; border: 1px solid #91a897; border-radius: 10px; background: white; color: inherit; }
.account-entry button { width: 100%; font: inherit; cursor: pointer; }
.account-entry button:disabled { opacity: .6; cursor: default; }
.account-signout { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line, #d6ded6); }
.account-signout button { font: inherit; padding: 10px 16px; background: var(--paper, white); color: var(--ink, #293a31); border: 1px solid var(--line, #d6ded6); border-radius: 10px; cursor: pointer; }