.et-form { display: flex; flex-direction: column; gap: 16px; max-width: 420px; margin-inline: auto; box-sizing: border-box; }
.et-form input, .et-form textarea, .et-btn--primary, .et-btn--outline { box-sizing: border-box; }
.et-auth-alt { font: 400 14px/1.4 'Inter', sans-serif; color: #1A1410; text-align: center; margin: 0; }
.et-field { display: flex; flex-direction: column; gap: 4px; font: 600 14px/1.4 'Inter', sans-serif; color: #1A1410; }
.et-field--checkbox { flex-direction: row; align-items: center; gap: 8px; }
.et-form input[type="text"],
.et-form input[type="email"],
.et-form input[type="tel"],
.et-form input[type="password"] {
  padding: 12px 16px;
  border: 1px solid #F0EAD9;
  border-radius: 8px;
  font: 16px/1.6 'Inter', sans-serif;
  background: #FAF7F0;
  color: #1A1410;
}
.et-form input:focus-visible {
  outline: 2px solid #D4A017;
  outline-offset: 2px;
}
.et-error { color: #A6432E; font: 600 14px/1.4 'Inter', sans-serif; margin: 0 0 8px; }
.et-info { color: #1A1410; font: 400 14px/1.4 'Inter', sans-serif; margin: 0 0 8px; }
.et-pw-wrap { position: relative; display: flex; align-items: center; }
.et-pw-wrap input { flex: 1; padding-right: 44px; }
.et-pw-toggle {
  position: absolute; right: 8px; background: none; border: none; cursor: pointer;
  color: #1A1410; display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
}
.et-pw-toggle:focus-visible { outline: 2px solid #D4A017; outline-offset: 2px; }
.et-btn--primary { background: #1A1410; color: #FFFFFF; border: none; border-radius: 999px; padding: 12px 32px; font: 600 14px/1.4 'Inter', sans-serif; min-height: 48px; cursor: pointer; }
.et-btn--outline { background: transparent; color: #1A1410; border: 1px solid #1A1410; border-radius: 999px; padding: 12px 32px; font: 600 14px/1.4 'Inter', sans-serif; min-height: 48px; cursor: pointer; }
.et-access-denied { color: #1A1410; font: 16px/1.6 'Inter', sans-serif; }