.auth {
    position: relative;
    margin: 32px auto 40px;
    max-width: 800px;
  }

  .auth__title {
    font-size: clamp(28px, 2.5vw, 36px);
    font-weight: 700;
    margin: 16px auto;
    max-width: 1280px;
  }

  /* containers + JS state handlers */
  .auth__tiles,
  .auth__register {
    position: relative;
    max-width: 1280px;
    margin-inline: auto;
    transition: all .3s ease;
  }

  [data-js="tiles-wrapper"].disabled {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
  }

  [data-js="tiles-wrapper"]:not(.disabled) {
    height: auto;
    overflow: visible;
    visibility: visible;
    opacity: 1;
  }

  [data-js="register-wrapper"] {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }

  [data-js="register-wrapper"].active {
    visibility: visible;
    height: auto;
    overflow: visible;
    opacity: 1;
  }

  /* main grid */
  .auth__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  @media (min-width: 782px) {
    .auth__grid {
      grid-template-columns: 1fr 1fr;
    }
  }

  /* panels */
  .auth-panel {
    background: #fff;
    border-radius: 15px;
    padding: 40px;
  }

  @media (max-width: 781px) {
    .auth-panel {
      padding: 20px;
    }
  }

  .auth-panel--login {
    border: 4px solid var(--wp--preset--color--fiolet);
    border-radius: 20px;
  }

  .auth-panel--cta {
    border: 1px solid #D0D5DD;
  }

  .auth-panel__heading {
    font-weight: 700;
    margin-bottom: 40px;
  }

  .auth-panel__text {
    margin-bottom: 40px;
  }

  /* form parts */
  .auth-form {
    background: #fff;
    border-radius: 15px;
  }

  .auth-form__heading {
    font-weight: 700;
    margin-bottom: 40px;
  }

  /* Register fields: 1 col mobile, 2 cols desktop */
  .auth-form__fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px 20px;
  }

  @media (min-width: 768px) {
    .auth-form__fields {
      grid-template-columns: 1fr 1fr;
    }
  }

  .auth__register .auth-form__row {
    margin: 0;
    margin-bottom: 1em;
  }

  .auth-form__choice{
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .auth-form__hooks{
    font-size: 12px;
    margin-top: 20px
  }

  .auth-form__hooks a{
      color: var(--wp--preset--color--rozowy);
    }

  .auth-form__row--full {
    grid-column: 1 / -1;
  }

  .auth-form__label {
    display: block;
    margin-bottom: 0 !important;
    font-weight: 600;
  }

  /* extras */
  .auth-form__extras {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    flex-wrap: wrap;
  }

  .auth-form__remember {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    margin: 0 ! important;
  }

  .auth-form__checkbox {
    width: 18px;
    height: 18px;
    border: 2px solid var(--wp--preset--color--primary, #8127EE);
    border-radius: 4px;
  }

  .auth-form__lostpass a {
    color: var(--wp--preset--color--rozowy);
    font-weight: 400;
    text-decoration: none;
    font-size: 12px;
  }

  .auth-form__lostpass a:hover {
    text-decoration: underline;
  }

  .auth-form__actions {
    margin-top: 16px;
  }

  .auth-form__actions--center {
    display: flex;
    justify-content: center;
  }

  /* Choice buttons (no overrides of .wp-block-button styles) */
  .auth-form__choice-label {
    font-weight: 700;
  }

  .auth-form__choice-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
  }

  .auth-form__radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .auth-choice__btn {
    display: inline-block;
  }

  /* spacing wrapper only */

  /* Social */
  .auth-form__social {
    margin-top: 16px;
    text-align: center;
  }

  .auth-form__social-title {
    margin-bottom: 12px;
    font-size: 12px;
  }

  .auth-form__social-list ul {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
  }

  /* back link */
  .auth__back {
    margin-top: 16px;
  }

  .auth__back-link {
    background: none;
    border: 0;
    color: var(--wp--preset--color--rozowy);
    font-weight: 600;
    cursor: pointer;
    padding: 0;
  }

  .auth__back-link:hover {
    text-decoration: underline;
  }

  /* utility */
  .screen-reader-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
  }