.account-button { border: 1px solid #cddbd2; border-radius: 999px; padding: 9px 14px; background: #fff; color: #18352a; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1.2; cursor: pointer; }
.account-button:hover { border-color: #16804f; color: #11643e; }
.account-button:focus-visible, .account-close:focus-visible, .account-submit:focus-visible, .account-switch:focus-visible { outline: 3px solid #f2bd35; outline-offset: 3px; }
.account-dialog { width: min(420px, calc(100vw - 32px)); border: 1px solid #dce6dd; border-radius: 20px; padding: 30px; color: #172b24; background: #fff; box-shadow: 0 24px 80px #092d1e35; }
.account-dialog::backdrop { background: #11251dcc; backdrop-filter: blur(4px); }
.account-close { position: absolute; top: 12px; right: 14px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f1f5f1; color: #43584c; font-size: 22px; cursor: pointer; }
.account-eyebrow { margin: 0 0 9px; color: #178353; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.account-content h2 { margin: 0; font-size: 25px; line-height: 1.15; }
.account-copy { margin: 9px 0 20px; color: #68796f; font-size: 13px; }
.account-email { color: #68796f; font-size: 13px; }
.account-form { display: grid; gap: 13px; }
.account-form label { display: grid; gap: 6px; color: #4c6257; font-size: 11px; font-weight: 700; }
.account-form input { width: 100%; box-sizing: border-box; border: 1px solid #d7e1d9; border-radius: 10px; padding: 12px; color: #172b24; background: #fbfcfa; font: inherit; }
.account-form input:focus { border-color: #16804f; outline: 3px solid #16804f25; }
.account-submit { width: 100%; margin-top: 4px; border: 0; border-radius: 11px; padding: 13px; background: #125a40; color: #fff; font-size: 13px; font-weight: 800; cursor: pointer; }
.account-submit:disabled { opacity: .6; cursor: wait; }
.account-switch { margin-top: 14px; border: 0; padding: 5px 0; background: transparent; color: #16804f; font-size: 12px; font-weight: 700; cursor: pointer; }
.account-error { min-height: 17px; margin: 10px 0 0; color: #b33f3f; font-size: 12px; }
@media (max-width: 520px) { .account-dialog { padding: 25px 21px; } .account-button { padding: 8px 11px; font-size: 11px; } }