/* Shared dark appearance for account and policy pages. */
body.page-cof {
 --cof-bg-base: #101113;
 --cof-surface: #19181c;
 --cof-surface-soft: #19181c;
 --cof-line: #302d33;
 --cof-line-strong: #655362;
 --cof-ink: #f1eee9;
 --cof-muted: #aaa1ad;
 --cof-link: #eebbc9;
 --cof-link-hover: #ffdae4;
 --cof-radius: 0;
 background: var(--cof-bg-base);
 color: var(--cof-ink);
 font-family: system-ui, sans-serif;
}
body.page-cof .site-header, body.page-cof .site-footer { background: transparent; color: var(--cof-ink); }
body.page-cof .site-nav { color: #c1bdc5; }
body.page-cof .dropdown-menu { background: #1c1b20; border-color: var(--cof-line); }
body.page-cof .dropdown-menu a:hover { background: #2d252d; }
body.page-cof .cof-page { max-width: 760px; padding: 48px 0 60px; }
body.page-cof .cof-page__hero { min-height: auto; padding: 0 0 28px; margin-bottom: 28px; border-top: 0; border-bottom: 1px solid var(--cof-line); background: none; }
body.page-cof .cof-page__hero::before, body.page-cof .cof-page__hero::after { display: none; }
body.page-cof .cof-card, body.page-cof .card { background: var(--cof-surface); border: 1px solid var(--cof-line); border-radius: 0; padding: 28px; }
body.page-cof input, body.page-cof textarea, body.page-cof select { background: #101113; color: var(--cof-ink); border-color: var(--cof-line-strong); border-radius: 0; }
body.page-cof input:focus, body.page-cof textarea:focus, body.page-cof select:focus { border-color: #eebbc9; outline: 1px solid #eebbc9; box-shadow: none; }
body.page-cof button, body.page-cof .btn, body.page-cof .btn-google { background: #262229; color: var(--cof-ink); border: 1px solid var(--cof-line-strong); border-radius: 0; }
body.page-cof .btn-primary { background: #eebbc9; color: #19181c; border-color: #eebbc9; }
body.page-cof button:hover, body.page-cof .btn:hover { background: #383039; color: #ffdae4; border-color: #eebbc9; }
body.page-cof .btn-primary:hover { background: #ffdae4; color: #19181c; }
body.page-cof .auth-banner, body.page-cof .badge, body.page-cof .label-badge::after, body.page-cof .cof-pill { background: #302530; color: #eebbc9; border-radius: 0; }
body.page-cof .cof-page__eyebrow::before { background: #eebbc9; }
body.page-cof .muted { color: var(--cof-muted); }
@media (max-width: 640px) { body.page-cof .cof-card, body.page-cof .card { padding: 20px; } }