:root{
  --bl-onb-help-fs: 12px;
  --bl-brand-primary:var(--primary-color);
  --bl-brand-primary-hover:var(--primary-hover);
  --bl-public-bg:var(--light-color);
  --bl-public-surface:var(--surface-color);
  --bl-public-text:var(--dark-color);
  --bl-public-muted:var(--muted-color);
  --bl-public-border:rgba(61, 51, 41, 0.16);
  --bl-public-radius-card:24px;
  --bl-public-radius-control:999px;
  --bl-public-shadow-card:0 12px 36px rgba(20, 20, 16, 0.10);
}

.bl-onboarding-public{
  --brand-green:var(--bl-brand-primary);
  --brand-dark-green:var(--bl-brand-primary-hover);
  --primary-color:var(--bl-brand-primary);
  --primary-hover:var(--bl-brand-primary-hover);
}

.bl-onboarding-public .auth-card{
  border-radius:var(--bl-public-radius-card);
  box-shadow:var(--bl-public-shadow-card);
}

.bl-onboarding-public .auth-card.auth-card--split{
  padding:0;
  overflow:hidden;
}

.bl-onboarding-public .auth-split{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr);
}

.bl-onboarding-public .auth-panel{
  min-height:560px;
}

.bl-onboarding-public .auth-panel--form{
  padding:34px 34px 26px;
  background:linear-gradient(180deg, rgba(154,104,50,.06) 0%, rgba(193,130,62,.12) 100%);
}

.bl-onboarding-public .auth-panel--art{
  position:relative;
  background:
    radial-gradient(900px 520px at 72% 28%, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 58%),
    radial-gradient(520px 380px at 30% 70%, rgba(218,180,139,.28) 0%, rgba(218,180,139,0) 62%),
    linear-gradient(135deg, rgba(154,104,50,.08) 0%, rgba(154,104,50,.02) 40%, rgba(218,180,139,.20) 100%);
}

.bl-onboarding-public .auth-art{
  position:absolute;
  inset:22px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(20,20,16,.05) 0%, rgba(20,20,16,0) 46%),
    radial-gradient(420px 220px at 20% 15%, rgba(154,104,50,.16) 0%, rgba(154,104,50,0) 70%),
    radial-gradient(560px 380px at 85% 45%, rgba(218,180,139,.26) 0%, rgba(218,180,139,0) 68%),
    linear-gradient(135deg, #f5f2f0 0%, #f6f2ee 55%, #f3e6d8 100%);
  border:1px solid rgba(20,20,16,.06);
  overflow:hidden;
}

.bl-onboarding-public .auth-art::before,
.bl-onboarding-public .auth-art::after{
  content:"";
  position:absolute;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(20,20,16,.10);
  box-shadow:0 18px 44px rgba(20,20,16,.14);
}

.bl-onboarding-public .auth-art::before{
  width:74%;
  height:150px;
  left:18%;
  top:22%;
}

.bl-onboarding-public .auth-art::after{
  width:60%;
  height:120px;
  left:12%;
  bottom:18%;
}

.bl-onboarding-public .auth-panel--form .auth-header{
  margin-bottom:22px;
}

.bl-onboarding-public .auth-panel--form .auth-title{
  font-size:24px;
}

.bl-onboarding-public .auth-panel--form .auth-subtitle{
  font-size:13px;
}

.bl-onboarding-public .auth-form .form-control{
  border-radius:var(--bl-public-radius-control);
  padding-inline:16px;
}

.bl-onboarding-public .auth-form .form-select{
  border-radius:var(--bl-public-radius-control);
  padding-inline:16px;
}

.bl-onboarding-public .btn.btn-primary{
  border-radius:var(--bl-public-radius-control);
}

.bl-onboarding-public .auth-footer{
  margin-top:20px;
}

.bl-onboarding-public .auth-footer a{
  color:var(--primary-color);
  font-weight:700;
  text-decoration:none;
}

.bl-onboarding-public .auth-footer a:hover{
  color:var(--primary-hover);
}

.bl-onboarding-public .auth-actions{
  margin-top:14px;
}

.bl-onboarding-public .form-text{
  font-size:var(--bl-onb-help-fs);
  line-height:1.4;
}

.bl-onboarding-public .alert{
  border-radius:16px;
}

.bl-onboarding-public .btn:focus,
.bl-onboarding-public .form-control:focus{
  outline:0;
}

.bl-onboarding .bl-page-header__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.bl-onboarding .form-label{
  margin-bottom:6px;
}

.bl-onboarding .form-label.small{
  font-size:12px;
  letter-spacing:.02em;
}

.bl-onboarding .form-text,
.bl-onboarding .text-muted.small,
.bl-onboarding .small.text-muted{
  font-size:var(--bl-onb-help-fs);
  line-height:1.4;
}

.bl-onboarding .btn{
  font-weight:600;
}

.bl-onboarding .btn.btn-primary{
  box-shadow:0 10px 26px rgba(5,91,101,.18);
}

.bl-onboarding-public .auth-form .form-label{
  margin-bottom:6px;
}

@media (max-width: 992px){
  .bl-onboarding-public .auth-split{
    grid-template-columns:1fr;
  }
  .bl-onboarding-public .auth-panel{
    min-height:auto;
  }
  .bl-onboarding-public .auth-panel--form{
    padding:26px 20px 18px;
  }
  .bl-onboarding-public .auth-panel--art{
    display:none;
  }
}

body[data-mk-page]{
  --mk-primary:var(--bl-brand-primary);
  --mk-bg:var(--bl-public-bg);
  --mk-surface:var(--bl-public-surface);
  --mk-text:var(--bl-public-text);
  --mk-border:var(--bl-public-border);
  --mk-radius:var(--bl-public-radius-card);
  --mk-shadow:var(--bl-public-shadow-card);
}

body[data-mk-page] .mk-btn{
  border-radius:var(--bl-public-radius-control);
}

body[data-mk-page] .mk-input,
body[data-mk-page] .mk-select{
  border-radius:var(--bl-public-radius-control);
}

body[data-mk-page] .mk-textarea{
  border-radius:16px;
}