.ce-auth {
  --ce-auth-accent: #078fa3;
  color: #182230;
  font-family: "Tilda Sans", Arial, sans-serif;
  max-width: 520px;
  margin: 0 auto;
  padding: 24px;
  border: 1px solid #b9e1df;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fffe 100%);
  box-shadow: 0 16px 40px rgba(7, 143, 163, .12);
}
.ce-auth [hidden] { display: none !important; }
.ce-auth__title { margin: 0 0 18px; font-size: 30px; }
.ce-auth__tabs { display: flex; gap: 8px; margin-bottom: 18px; }
.ce-auth__tab { border: 0; border-radius: 9px; padding: 10px 14px; background: #f2f4f7; cursor: pointer; font: inherit; }
.ce-auth__tab--active { background: #d7f4f1; color: var(--ce-auth-accent); font-weight: 700; }
.ce-auth__form { display: grid; gap: 14px; }
.ce-auth__field { display: flex; flex-direction: column; gap: 6px; }
.ce-auth__label { font-size: 14px; font-weight: 600; }
.ce-auth__input { min-height: 44px; box-sizing: border-box; border: 1px solid #98a2b3; border-radius: 9px; padding: 0 12px; font: inherit; }
.ce-auth__consent { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.4; }
.ce-auth__consent input { margin-top: 3px; }
.ce-auth__link { color: var(--ce-auth-accent); }
.ce-auth__primary,
.ce-auth__secondary { border: 0; border-radius: 9px; padding: 12px 18px; cursor: pointer; font: inherit; }
.ce-auth__primary { background: linear-gradient(135deg, #13b8a6, var(--ce-auth-accent)); color: #fff; }
.ce-auth__secondary { background: #e7f8f6; color: var(--ce-auth-accent); justify-self: start; }
.ce-auth__primary:disabled,
.ce-auth__secondary:disabled { opacity: .6; cursor: wait; }
.ce-auth__account { display: grid; gap: 8px; }
.ce-auth__account-name { font-size: 20px; }
.ce-auth__account-details,
.ce-auth__note,
.ce-auth__status { color: #667085; }
.ce-auth__note { margin: 0; }
.ce-auth__status { min-height: 22px; margin: 14px 0 0; }