.mf-content-section{
  background:
    radial-gradient(900px 380px at 15% 0%, rgba(245, 194, 0, .18), rgba(245, 194, 0, 0) 60%),
    radial-gradient(700px 340px at 92% 0%, rgba(255, 138, 0, .14), rgba(255, 138, 0, 0) 55%);
}

:root{
  --mf-auth-accent-1: #f5c200; /* Motor-Force yellow */
  --mf-auth-accent-2: #ff8a00; /* warm orange */
  --mf-auth-ink: rgba(17,24,39,.96);
  --mf-auth-ink-muted: rgba(17,24,39,.72);
  --mf-auth-border: rgba(17,24,39,.10);
}

.mf-auth{
  max-width: 720px;
  margin: 0 auto;
  padding: .25rem 0 2.25rem;
}

.mf-auth-card{
  background: #fff;
  border: 1px solid var(--mf-auth-border);
  border-radius: 20px;
  box-shadow: 0 18px 52px rgba(12,18,40,.10);
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}
.mf-auth-card:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--mf-auth-accent-1) 0%, var(--mf-auth-accent-2) 100%);
}

.mf-auth-head{
  margin-bottom: 1.1rem;
}

.mf-auth-title{
  font-weight: 900;
  font-size: 1.55rem;
  line-height: 1.15;
  color: var(--mf-auth-ink);
}

.mf-auth-subtitle{
  margin-top: .5rem;
  color: rgba(17,24,39,.70);
  line-height: 1.35;
  max-width: 58ch;
}

.mf-auth-points{
  margin: .85rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: .5rem;
  color: var(--mf-auth-ink-muted);
}
.mf-auth-points li{
  position: relative;
  padding-left: 1.25rem;
  line-height: 1.3;
}
.mf-auth-points li:before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  position: absolute;
  left: 0;
  top: .35rem;
  background: rgba(245, 194, 0, .22);
  box-shadow: inset 0 0 0 2px rgba(245, 194, 0, .45);
}

.mf-auth-alert{
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.mf-auth-form{
  margin-top: .75rem;
}

.mf-auth-group{
  margin-bottom: .9rem;
}

.mf-auth-label{
  font-weight: 700;
  color: rgba(17,24,39,.88);
  margin-bottom: .35rem;
}

.mf-auth-input{
  height: 44px;
  border-radius: 12px;
  border-color: rgba(17,24,39,.14);
  background: rgba(248,250,252,1);
}
.mf-auth-input:focus{
  border-color: rgba(245, 194, 0, .75);
  box-shadow: 0 0 0 .2rem rgba(245, 194, 0, .16);
  background: #fff;
}

.mf-auth-req{
  color: #dc3545;
  margin-right: .25rem;
}

.mf-auth-secure{
  margin-top: .35rem;
  font-size: .85rem;
  color: rgba(17,24,39,.60);
}

.mf-auth-captcha{
  margin: .35rem 0 .5rem;
}
.mf-auth-captcha img{
  border-radius: 10px;
  border: 1px solid rgba(17,24,39,.10);
  background: #f8fafc;
}

.mf-auth-actions{
  margin-top: .5rem;
}

.mf-auth-submit{
  width: 100%;
  height: 46px;
  border-radius: 12px;
  font-weight: 800;
  border: 0;
  background: linear-gradient(135deg, var(--mf-auth-accent-1) 0%, var(--mf-auth-accent-2) 100%);
  box-shadow: 0 14px 30px rgba(255, 138, 0, .22);
  color: rgba(17,24,39,.92);
}
.mf-auth-submit:hover{
  filter: brightness(.98);
}
.mf-auth-submit:focus{
  box-shadow: 0 0 0 .2rem rgba(245, 194, 0, .20), 0 14px 30px rgba(255, 138, 0, .22);
}

.mf-auth-links{
  margin-top: .9rem;
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
}

.mf-auth-link{
  color: rgba(166, 111, 0, .96);
  text-decoration: none;
  font-weight: 700;
}
.mf-auth-link:hover{
  text-decoration: underline;
}

.mf-auth-hint{
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid rgba(17,24,39,.10);
  color: rgba(17,24,39,.72);
  font-size: .95rem;
  line-height: 1.35;
}

@media (max-width: 575.98px){
  .mf-auth{ padding-bottom: 1.5rem; }
  .mf-auth-card{ padding: 1.1rem; border-radius: 16px; }
}

/* Forgot-password / change-password forms still use Bitrix `.bx-authform` markup. Skin it too. */
.bx-authform{
  max-width: 720px;
  margin: 0 auto;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid var(--mf-auth-border);
  border-radius: 20px;
  box-shadow: 0 18px 52px rgba(12,18,40,.10);
  position: relative;
  overflow: hidden;
}
.bx-authform:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--mf-auth-accent-1) 0%, var(--mf-auth-accent-2) 100%);
}
.bx-authform .bx-title{
  margin: 0;
  font-weight: 900;
  font-size: 1.55rem;
  line-height: 1.15;
  color: var(--mf-auth-ink);
}
.bx-authform .bx-authform-content-container{
  margin-top: .65rem;
  color: rgba(17,24,39,.70);
  max-width: 58ch;
}
.bx-authform .bx-authform-formgroup-container{
  margin-top: 1rem;
}
.bx-authform .bx-authform-label-container{
  font-weight: 700;
  color: rgba(17,24,39,.88);
  margin-bottom: .35rem;
}
.bx-authform .bx-authform-input-container input[type="text"],
.bx-authform .bx-authform-input-container input[type="password"],
.bx-authform .bx-authform-input-container input[type="email"],
.bx-authform input[type="text"],
.bx-authform input[type="password"],
.bx-authform input[type="email"]{
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.14);
  background: rgba(248,250,252,1);
  padding: .5rem .75rem;
  outline: none;
}
.bx-authform input[type="text"]:focus,
.bx-authform input[type="password"]:focus,
.bx-authform input[type="email"]:focus{
  border-color: rgba(245, 194, 0, .75);
  box-shadow: 0 0 0 .2rem rgba(245, 194, 0, .16);
  background: #fff;
}
.bx-authform .bx-authform-note-container{
  margin-top: .5rem;
  color: rgba(17,24,39,.62);
  line-height: 1.35;
}
.bx-authform .btn.btn-primary,
.bx-authform input.btn.btn-primary,
.bx-authform button.btn.btn-primary{
  width: 100%;
  height: 46px;
  border-radius: 12px;
  font-weight: 800;
  border: 0;
  background: linear-gradient(135deg, var(--mf-auth-accent-1) 0%, var(--mf-auth-accent-2) 100%);
  box-shadow: 0 14px 30px rgba(255, 138, 0, .22);
  color: rgba(17,24,39,.92);
}
.bx-authform .btn.btn-primary:hover{
  filter: brightness(.98);
}
.bx-authform .bx-authform-link-container{
  margin-top: .9rem;
}
.bx-authform .bx-authform-link-container a{
  color: rgba(166, 111, 0, .96);
  font-weight: 800;
  text-decoration: none;
}
.bx-authform .bx-authform-link-container a:hover{
  text-decoration: underline;
}

@media (max-width: 575.98px){
  .bx-authform{ padding: 1.1rem; border-radius: 16px; }
}

/* Стандартная форма bitrix:system.auth.form (таблица) внутри карточки */
.mf-auth-card--system-form .bx-system-auth-form{
  margin: 0;
}
.mf-auth-card--system-form .bx-system-auth-form table{
  width: 100%;
  border: 0;
}
.mf-auth-card--system-form .bx-system-auth-form table,
.mf-auth-card--system-form .bx-system-auth-form tbody,
.mf-auth-card--system-form .bx-system-auth-form tr,
.mf-auth-card--system-form .bx-system-auth-form td{
  display: block;
  width: 100%;
}
.mf-auth-card--system-form .bx-system-auth-form td{
  padding: 0 0 .85rem;
}
.mf-auth-card--system-form .bx-system-auth-form input[type="text"],
.mf-auth-card--system-form .bx-system-auth-form input[type="password"]{
  width: 100%;
  max-width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.14);
  background: rgba(248,250,252,1);
  padding: .5rem .75rem;
  outline: none;
}
.mf-auth-card--system-form .bx-system-auth-form input[type="text"]:focus,
.mf-auth-card--system-form .bx-system-auth-form input[type="password"]:focus{
  border-color: rgba(245, 194, 0, .75);
  box-shadow: 0 0 0 .2rem rgba(245, 194, 0, .16);
  background: #fff;
}
.mf-auth-card--system-form .bx-system-auth-form input[type="submit"]{
  min-height: 46px;
  padding: .5rem 1.25rem;
  border-radius: 12px;
  font-weight: 800;
  border: 0;
  background: linear-gradient(135deg, var(--mf-auth-accent-1) 0%, var(--mf-auth-accent-2) 100%);
  box-shadow: 0 14px 30px rgba(255, 138, 0, .22);
  color: rgba(17,24,39,.92);
}
.mf-auth-card--system-form .bx-system-auth-form input[type="submit"]:hover{
  filter: brightness(.98);
}
.mf-auth-card--system-form .bx-system-auth-form a{
  color: rgba(166, 111, 0, .96);
  font-weight: 700;
}

/* Регистрация main.register (.bx-auth-reg) */
.mf-auth-card--register .bx-auth-reg{
  margin: 0;
}
.mf-auth-card--register .bx-auth-reg > table{
  width: 100%;
  border: 0;
}
.mf-auth-card--register .bx-auth-reg table,
.mf-auth-card--register .bx-auth-reg tbody,
.mf-auth-card--register .bx-auth-reg thead,
.mf-auth-card--register .bx-auth-reg tfoot,
.mf-auth-card--register .bx-auth-reg tr,
.mf-auth-card--register .bx-auth-reg td,
.mf-auth-card--register .bx-auth-reg th{
  display: block;
  width: 100%;
}
.mf-auth-card--register .bx-auth-reg td,
.mf-auth-card--register .bx-auth-reg th{
  padding: 0 0 .75rem;
  font-weight: 700;
  color: rgba(17,24,39,.88);
}
.mf-auth-card--register .bx-auth-reg input[type="text"],
.mf-auth-card--register .bx-auth-reg input[type="password"],
.mf-auth-card--register .bx-auth-reg input[type="email"]{
  width: 100%;
  max-width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.14);
  background: rgba(248,250,252,1);
  padding: .5rem .75rem;
  outline: none;
}
.mf-auth-card--register .bx-auth-reg input[type="text"]:focus,
.mf-auth-card--register .bx-auth-reg input[type="password"]:focus,
.mf-auth-card--register .bx-auth-reg input[type="email"]:focus{
  border-color: rgba(245, 194, 0, .75);
  box-shadow: 0 0 0 .2rem rgba(245, 194, 0, .16);
  background: #fff;
}
.mf-auth-card--register .bx-auth-reg input[type="submit"],
.mf-auth-card--register .bx-auth-reg button[type="submit"]{
  min-height: 46px;
  padding: .5rem 1.25rem;
  border-radius: 12px;
  font-weight: 800;
  border: 0;
  background: linear-gradient(135deg, var(--mf-auth-accent-1) 0%, var(--mf-auth-accent-2) 100%);
  box-shadow: 0 14px 30px rgba(255, 138, 0, .22);
  color: rgba(17,24,39,.92);
}
.mf-auth-card--register .bx-auth-reg .starrequired{
  color: #dc3545;
}

.mf-auth-card--forgot form input[type="text"]{
  width: 100%;
  max-width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.14);
  background: rgba(248,250,252,1);
  padding: .5rem .75rem;
  outline: none;
  margin-top: .35rem;
}
.mf-auth-card--forgot form input[type="submit"]{
  min-height: 46px;
  margin-top: .75rem;
  padding: .5rem 1.25rem;
  border-radius: 12px;
  font-weight: 800;
  border: 0;
  background: linear-gradient(135deg, var(--mf-auth-accent-1) 0%, var(--mf-auth-accent-2) 100%);
  box-shadow: 0 14px 30px rgba(255, 138, 0, .22);
  color: rgba(17,24,39,.92);
}

.mf-reg-person-kind{
  margin-bottom: 1.25rem;
}
.mf-reg-person-kind__title,
.mf-reg-company-block__title{
  font-weight: 700;
  color: var(--mf-auth-ink);
  margin-bottom: .65rem;
}
.mf-reg-person-kind__cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.mf-reg-person-kind__item{
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin: 0;
  padding: .85rem .95rem;
  border: 1px solid var(--mf-auth-border);
  border-radius: 14px;
  background: rgba(248,250,252,1);
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.mf-reg-person-kind__item:has(input:checked){
  border-color: rgba(255,138,0,.55);
  box-shadow: 0 0 0 3px rgba(255,138,0,.12);
}
.mf-reg-person-kind__item input{
  margin: 0 0 .15rem;
}
.mf-reg-person-kind__item-title{
  font-weight: 700;
  color: var(--mf-auth-ink);
}
.mf-reg-person-kind__item-desc{
  font-size: .92rem;
  color: var(--mf-auth-ink-muted);
  line-height: 1.35;
}
.mf-reg-company-block{
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--mf-auth-border);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
}
@media (max-width: 767px){
  .mf-reg-person-kind__cards{
    grid-template-columns: 1fr;
  }
}