.forgerons-auth {
  padding: 64px 28px;
}

.forgerons-auth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 480px);
  gap: 72px;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}

.forgerons-auth-intro { padding-block: 20px; }
.forgerons-auth-eyebrow { font-size: 13px; font-weight: var(--font-weight-bold); color: var(--color-primary); }
.forgerons-auth-intro h1 { font-size: clamp(36px, 4.5vw, 58px); line-height: 1.12; letter-spacing: -.04em; margin-block: 24px; }
.forgerons-auth-intro > p:not(.forgerons-auth-eyebrow) { font-size: 17px; line-height: 1.8; color: var(--color-text-light); }
.forgerons-auth-intro ul { padding-inline-start: 20px; margin-block: 28px; color: var(--color-text-light-1); }
.forgerons-auth-intro li { line-height: 1.8; margin-block: 8px; }
.forgerons-auth-intro > a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-weight: var(--font-weight-semibold); }
.forgerons-auth .ui.page.grid { width: 100%; margin: 0; display: block; }
.forgerons-auth .ui.page.grid > .column { width: 100%; padding: 0; margin: 0; }
.forgerons-auth .ui.container.fluid { margin-inline: 0 !important; }
.forgerons-auth h2.ui.header { font-size: 20px; padding: 22px 24px; text-align: start; border-radius: 12px 12px 0 0; }
.forgerons-auth .ui.attached.segment { padding: 24px; }
.forgerons-auth .ui.form input:not([type="checkbox"]):not([type="hidden"]) { min-height: 46px; border-radius: 6px; }
.forgerons-auth .ui.form .field > label { margin-block-end: 8px; }
.forgerons-auth .ui.form .button { min-height: 44px; }
.forgerons-auth .forgerons-auth-hint { color: var(--color-text-light-1); font-size: 13px; line-height: 1.8; margin-block: 0 20px; }
.forgerons-auth .field a, .forgerons-auth .ui.message a { text-decoration: underline; text-underline-offset: 3px; }
.forgerons-auth-return { margin-block: 20px; text-align: center; }
.forgerons-auth-return a { display: inline-flex; min-height: 44px; align-items: center; }

@media (max-width: 900px) {
  .forgerons-auth { padding: 32px 20px; }
  .forgerons-auth-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; max-width: 560px; }
  .forgerons-auth-intro { padding-block: 0; }
  .forgerons-auth-intro ul { display: none; }
  .forgerons-auth-intro h1 { margin-block: 16px; }
}

@media (max-width: 420px) {
  .forgerons-auth .ui.attached.segment { padding: 18px; }
}