body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #1b1d22;
  color: #e8e8e8; font: 15px/1.5 system-ui, sans-serif; }
.acc-card { width: min(360px, calc(100vw - 32px)); padding: 24px; border-radius: 10px;
  background: #24272e; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); }
.lang-switch { display: flex; justify-content: flex-end; gap: 4px; margin: -8px -8px 4px 0; }
.lang-switch button { padding: 2px 8px; border: 1px solid #444a55; border-radius: 5px;
  background: transparent; color: #a9adb6; font: 12px system-ui, sans-serif; cursor: pointer; }
.lang-switch button[aria-current] { background: #e8740c; border-color: #e8740c; color: #fff;
  cursor: default; }
.acc-card h1 { margin: 0 0 16px; font-size: 20px; }
.acc-card p { margin: 0 0 12px; }
.acc-field { margin-bottom: 12px; }
.acc-field label { display: block; margin-bottom: 4px; font-size: 13px; color: #a9adb6; }
.acc-field input { box-sizing: border-box; width: 100%; padding: 8px 10px; border: 1px solid #444a55;
  border-radius: 6px; background: #1b1d22; color: inherit; font: inherit; }
.acc-field .helptext, .acc-field ul { font-size: 12px; color: #a9adb6; }
.acc-errors { margin: 0 0 12px; padding: 8px 10px; border-radius: 6px; background: #5a1f1f; }
.acc-errors ul { margin: 0; padding-left: 18px; }
.acc-button { width: 100%; padding: 9px; border: 0; border-radius: 6px; background: #e8740c;
  color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.acc-link { display: block; margin-top: 14px; color: #e8a46c; font-size: 13px; text-align: center; }