: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(--text-primary);
  --bl-public-muted: var(--text-muted);
  --bl-public-border: var(--border-color);
  --bl-public-radius-card: 24px;
  --bl-public-radius-control: 12px;
  --bl-public-shadow-card: var(--color-shadow-card);
}

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

html[data-theme="dark"] .bl-onboarding-public{
  --bl-public-bg:var(--light-color);
  --bl-public-surface:var(--surface-color);
  --bl-public-text:var(--text-primary);
  --bl-public-muted:var(--text-muted);
  --bl-public-border:var(--border-color);
}

.bl-onboarding-public .auth-card{
  border-radius:var(--bl-public-radius-card);
  box-shadow:var(--bl-public-shadow-card);
  border: 1px solid var(--bl-public-border);
  background: var(--bl-public-surface);
}

.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: var(--bl-public-surface);
}

.bl-onboarding-public .auth-panel--art{
  position:relative;
  background: linear-gradient(135deg, var(--color-hero-bg-start) 0%, var(--color-hero-bg-end) 100%);
}

.bl-onboarding-public .auth-art{
  position:absolute;
  inset:22px;
  border-radius:20px;
  background: linear-gradient(135deg, var(--color-hero-brand-start) 0%, var(--color-hero-bg-start) 100%);
  border:1px solid var(--color-glass-border);
  overflow:hidden;
}

html[data-theme="dark"] .bl-onboarding-public .auth-panel--art{
  background: linear-gradient(135deg, var(--color-hero-bg-start) 0%, var(--color-hero-bg-end) 100%);
}

html[data-theme="dark"] .bl-onboarding-public .auth-art{
  background: linear-gradient(135deg, var(--color-hero-alt-start) 0%, var(--color-hero-alt-end) 100%);
  border-color:var(--border-color);
}

.bl-onboarding-public .auth-art::before,
.bl-onboarding-public .auth-art::after{
  content:"";
  position:absolute;
  border-radius:16px;
  background:var(--bl-public-surface);
  border:1px solid var(--bl-public-border);
  box-shadow:var(--color-shadow-card);
}

.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 color-mix(in srgb, var(--primary-color) 28%, transparent);
}

.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.bl-onboarding-public[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.bl-onboarding-public[data-mk-page] .mk-btn{
  border-radius:var(--bl-public-radius-control);
}

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

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