:root { color-scheme: light; font-family: Arial, sans-serif; color: #152923; background: #f7f9f8; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
a { color: #006d62; text-underline-offset: 3px; overflow-wrap: anywhere; }
button, input { font: inherit; }
:focus-visible { outline: 3px solid #1570d6; outline-offset: 3px; }
.account-header, .account-footer { padding: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.account-header { border-bottom: 1px solid #dce5e1; background: #101b1f; }
.account-header a { color: #eff9f6; }
.account-header .locale-control { color: #eff9f6; }
.account-header img { width: 132px; height: 38px; object-fit: contain; }
.account-header nav, .account-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
.account-main { width: min(100%, 480px); padding: 56px 24px; margin: auto; }
.account-main h1 { font-size: 30px; line-height: 1.2; margin: 14px 0; letter-spacing: 0; overflow-wrap: anywhere; }
.account-main p { font-size: 16px; line-height: 1.65; margin: 0 0 22px; }
.account-kicker { color: #006d62; font-weight: 700; }
.account-form { display: grid; gap: 18px; margin: 24px 0; }
.account-form label { display: grid; gap: 8px; font-weight: 600; }
.account-form input:not([type="checkbox"]) { width: 100%; min-height: 48px; padding: 12px; border: 1px solid #aebeb7; border-radius: 6px; background: white; color: #152923; }
.account-form label.checkbox { display: flex; align-items: center; font-weight: 400; }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.account-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 100%; min-height: 48px; padding: 12px 18px; border: 0; border-radius: 6px; background: #006d62; color: white; cursor: pointer; font-weight: 700; text-decoration: none; }
.account-button:hover { background: #00554d; }
.account-button:disabled { opacity: 0.65; cursor: wait; }
.account-status { padding: 14px; margin: 20px 0; border-inline-start: 3px solid #008274; background: #e5f3ed; line-height: 1.6; overflow-wrap: anywhere; }
.account-status[data-tone="error"] { border-color: #b33730; color: #7c241f; background: #fff0ed; }
.account-links { display: grid; gap: 18px; margin: 24px 0 0; }
.account-footer { font-size: 14px; color: #586c62; border-top: 1px solid #dce5e1; }
@media (max-width: 480px) { .account-header, .account-footer { padding: 20px; } .account-main { padding: 36px 20px; } .account-main h1 { font-size: 27px; } }