.puanya-auth__visual.puanya-auth__visual--tenant {
  background: linear-gradient(135deg, var(--color-brand-100, #D43A08) 0%, var(--color-brand-80-B, #FD4218) 50%, var(--color-brand-60, #FD6E4D) 100%);
}

.puanya-auth__visual-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 24px 32px;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

:where([fill="#FDF5F2" i]) {
  fill: var(--color-brand-10, #FDF5F2);
}

:where([stroke="#FDF5F2" i]) {
  stroke: var(--color-brand-10, #FDF5F2);
}

:where([stop-color="#FDF5F2" i]) {
  stop-color: var(--color-brand-10, #FDF5F2);
}

:where([fill="#FDEDE9" i]) {
  fill: var(--color-brand-20, #FDEDE9);
}

:where([stroke="#FDEDE9" i]) {
  stroke: var(--color-brand-20, #FDEDE9);
}

:where([stop-color="#FDEDE9" i]) {
  stop-color: var(--color-brand-20, #FDEDE9);
}

:where([fill="#FDCBC2" i]) {
  fill: var(--color-brand-30, #FDCBC2);
}

:where([stroke="#FDCBC2" i]) {
  stroke: var(--color-brand-30, #FDCBC2);
}

:where([stop-color="#FDCBC2" i]) {
  stop-color: var(--color-brand-30, #FDCBC2);
}

:where([fill="#FDAA99" i]) {
  fill: var(--color-brand-40, #FDAA99);
}

:where([stroke="#FDAA99" i]) {
  stroke: var(--color-brand-40, #FDAA99);
}

:where([stop-color="#FDAA99" i]) {
  stop-color: var(--color-brand-40, #FDAA99);
}

:where([fill="#FD8970" i]) {
  fill: var(--color-brand-50, #FD8970);
}

:where([stroke="#FD8970" i]) {
  stroke: var(--color-brand-50, #FD8970);
}

:where([stop-color="#FD8970" i]) {
  stop-color: var(--color-brand-50, #FD8970);
}

:where([fill="#FD6E4D" i]) {
  fill: var(--color-brand-60, #FD6E4D);
}

:where([stroke="#FD6E4D" i]) {
  stroke: var(--color-brand-60, #FD6E4D);
}

:where([stop-color="#FD6E4D" i]) {
  stop-color: var(--color-brand-60, #FD6E4D);
}

:where([fill="#FD552E" i]) {
  fill: var(--color-brand-70, #FD552E);
}

:where([stroke="#FD552E" i]) {
  stroke: var(--color-brand-70, #FD552E);
}

:where([stop-color="#FD552E" i]) {
  stop-color: var(--color-brand-70, #FD552E);
}

:where([fill="#FD4218" i]) {
  fill: var(--color-brand-80-B, #FD4218);
}

:where([stroke="#FD4218" i]) {
  stroke: var(--color-brand-80-B, #FD4218);
}

:where([stop-color="#FD4218" i]) {
  stop-color: var(--color-brand-80-B, #FD4218);
}

:where([fill="#E83A10" i]) {
  fill: var(--color-brand-90, #E83A10);
}

:where([stroke="#E83A10" i]) {
  stroke: var(--color-brand-90, #E83A10);
}

:where([stop-color="#E83A10" i]) {
  stop-color: var(--color-brand-90, #E83A10);
}

:where([fill="#D43A08" i]) {
  fill: var(--color-brand-100, #D43A08);
}

:where([stroke="#D43A08" i]) {
  stroke: var(--color-brand-100, #D43A08);
}

:where([stop-color="#D43A08" i]) {
  stop-color: var(--color-brand-100, #D43A08);
}

:where([fill="#C93504" i]) {
  fill: var(--color-brand-110, #C93504);
}

:where([stroke="#C93504" i]) {
  stroke: var(--color-brand-110, #C93504);
}

:where([stop-color="#C93504" i]) {
  stop-color: var(--color-brand-110, #C93504);
}

:where([fill="#B82D00" i]) {
  fill: var(--color-brand-120, #B82D00);
}

:where([stroke="#B82D00" i]) {
  stroke: var(--color-brand-120, #B82D00);
}

:where([stop-color="#B82D00" i]) {
  stop-color: var(--color-brand-120, #B82D00);
}

:where([fill="#A02500" i]) {
  fill: var(--color-brand-130, #A02500);
}

:where([stroke="#A02500" i]) {
  stroke: var(--color-brand-130, #A02500);
}

:where([stop-color="#A02500" i]) {
  stop-color: var(--color-brand-130, #A02500);
}