/* 3DBRUSH auth pages */
.mk-page-auth {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 10%, rgba(196, 145, 78, .16), transparent 30%),
    radial-gradient(circle at 88% 26%, rgba(19, 21, 24, .08), transparent 34%),
    #f6f7f9;
}

.mk-auth-page {
  padding: 54px 18px 70px;
}

.mk-auth-shell {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 430px);
  gap: 32px;
  align-items: stretch;
}

.mk-auth-hero,
.mk-auth-card {
  border-radius: 28px;
  box-shadow: 0 22px 60px rgba(15, 18, 25, .10);
}

.mk-auth-hero {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  padding: 46px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(18, 20, 24, .96), rgba(34, 31, 29, .94)),
    url('/img/overlay/4.jpg') center/cover no-repeat;
}

.mk-auth-hero::after {
  content: "";
  position: absolute;
  inset: auto -60px -120px auto;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(196, 145, 78, .24);
  filter: blur(6px);
}

.mk-auth-eyebrow {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  color: #f2c47d;
  background: rgba(255, 255, 255, .06);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.mk-auth-hero h1 {
  max-width: 640px;
  margin: 28px 0 18px;
  color: #fff;
  font-size: clamp(34px, 4vw, 56px);
  line-height: .98;
  font-weight: 650;
  letter-spacing: -.045em;
}

.mk-auth-hero p {
  max-width: 560px;
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 16px;
  line-height: 1.72;
  font-weight: 400;
}

.mk-auth-benefits {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  max-width: 440px;
  margin-top: 44px;
}

.mk-auth-benefits div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 16px;
  background: rgba(255, 255, 255, .055);
  backdrop-filter: blur(10px);
  color: rgba(255, 255, 255, .84);
  font-size: 14px;
  font-weight: 500;
}

.mk-auth-benefits i {
  display: inline-grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 11px;
  color: #151515;
  background: #f2c47d;
  font-size: 20px;
}

.mk-auth-card {
  padding: 34px;
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(16, 18, 24, .06);
}

.mk-auth-card__head {
  margin-bottom: 24px;
}

.mk-auth-card__head--center {
  text-align: center;
  margin-bottom: 28px;
}

.mk-auth-card__head h2 {
  margin: 0 0 8px;
  color: #15171c;
  font-size: 28px;
  line-height: 1.12;
  font-weight: 650;
  letter-spacing: -.035em;
}

.mk-auth-card__head p {
  margin: 0;
  color: #727986;
  font-size: 14px;
  line-height: 1.55;
}

.mk-auth-form {
  display: grid;
  gap: 16px;
}

.mk-auth-field {
  display: grid;
  gap: 7px;
  margin: 0;
}

.mk-auth-field span {
  color: #20232a;
  font-size: 13px;
  font-weight: 600;
}

.mk-auth-field input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  border: 1px solid #e0e4ea;
  border-radius: 14px;
  outline: none;
  background: #fff;
  color: #15171c;
  font-size: 14px;
  font-weight: 450;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.mk-auth-field input::placeholder {
  color: #a0a6b0;
}

.mk-auth-field input:focus {
  border-color: rgba(196, 145, 78, .75);
  box-shadow: 0 0 0 4px rgba(196, 145, 78, .14);
}

.mk-auth-captcha {
  min-height: 78px;
  padding: 4px 0 0;
  overflow: hidden;
}

.mk-auth-submit,
.mk-auth-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 16px;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 15px;
  font-weight: 650;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.mk-auth-submit {
  color: #16130d !important;
  background: linear-gradient(135deg, #efc27f, #c4914e);
  box-shadow: 0 14px 26px rgba(196, 145, 78, .28);
}

.mk-auth-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(196, 145, 78, .34);
}

.mk-auth-secondary {
  color: #252932 !important;
  background: #f0f2f5;
}

.mk-auth-secondary:hover {
  background: #e7eaf0;
}

.mk-auth-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 18px;
  font-size: 13px;
  font-weight: 550;
}

.mk-auth-links a {
  color: #9b6d2d !important;
}

.mk-auth-links span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #cfd4dc;
}

.mk-auth-alert {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 550;
}

.mk-auth-alert--error {
  color: #8b1f22;
  background: #fff0f0;
  border: 1px solid #f4c8c9;
}

.mk-auth-ok-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 0 auto 18px;
  border-radius: 22px;
  color: #16130d;
  background: linear-gradient(135deg, #efc27f, #c4914e);
  font-size: 34px;
}

.mk-auth-actions {
  display: grid;
  gap: 12px;
}

@media (max-width: 980px) {
  .mk-auth-page {
    padding-top: 28px;
  }

  .mk-auth-shell {
    grid-template-columns: 1fr;
    max-width: 620px;
  }

  .mk-auth-hero {
    min-height: auto;
    padding: 34px;
  }
}

@media (max-width: 560px) {
  .mk-auth-page {
    padding: 18px 12px 48px;
  }

  .mk-auth-hero,
  .mk-auth-card {
    border-radius: 22px;
  }

  .mk-auth-hero {
    padding: 28px 22px;
  }

  .mk-auth-card {
    padding: 24px 18px;
  }

  .mk-auth-card__head h2 {
    font-size: 24px;
  }

  .mk-auth-captcha {
    transform: scale(.92);
    transform-origin: left top;
    width: 108.7%;
    margin-bottom: -6px;
  }
}


/* ===== Login CSS fixed v2 =====
   Makes auth pages independent from body.mk-exact-page-only reset. */
body.mk-page-auth,
body.mk-exact-page.mk-page-auth {
  margin: 0 !important;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 18% 10%, rgba(196, 145, 78, .16), transparent 30%),
    radial-gradient(circle at 88% 26%, rgba(19, 21, 24, .08), transparent 34%),
    #f6f7f9 !important;
  color: #111827;
  font-family: "Inter", "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.mk-page-auth *,
body.mk-page-auth *::before,
body.mk-page-auth *::after {
  box-sizing: border-box;
}

body.mk-page-auth a {
  text-decoration: none !important;
}

body.mk-page-auth img {
  max-width: 100%;
  height: auto;
}

body.mk-page-auth input,
body.mk-page-auth button,
body.mk-page-auth textarea,
body.mk-page-auth select {
  font-family: inherit;
}

.mk-auth-page {
  width: 100%;
}

.mk-auth-shell {
  box-sizing: border-box;
}

.mk-auth-card,
.mk-auth-hero {
  min-width: 0;
}

.mk-auth-form button {
  appearance: none;
  -webkit-appearance: none;
}

@media (max-width: 420px) {
  .mk-auth-shell {
    max-width: 100%;
  }

  .mk-auth-hero {
    padding: 24px 18px;
  }

  .mk-auth-hero h1 {
    font-size: 31px;
  }

  .mk-auth-benefits div {
    align-items: flex-start;
  }
}

/* ===== Registration page additions ===== */
.mk-auth-note {
  margin: -2px 0 2px;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.55;
}

.mk-auth-note a {
  color: #b7792e;
  font-weight: 700;
}

.mk-auth-note a:hover {
  color: #8a551b;
}

.mk-auth-alert--success {
  border-color: rgba(22, 163, 74, .22);
  color: #166534;
  background: rgba(22, 163, 74, .10);
}

@media (max-width: 560px) {
  .mk-auth-note {
    font-size: 12px;
  }
}