body.ax-standalone {
      min-height: 100vh;
      background: linear-gradient(135deg, rgba(16,24,40,0.98), rgba(15,23,42,0.88));
    }
.ax-register-layout {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      width: min(1100px, 92vw);
      min-height: 720px;
      border-radius: 28px;
      overflow: hidden;
      background: rgba(255,255,255,0.04);
      box-shadow: 0 32px 64px -28px rgba(0,0,0,0.6);
    }
.ax-brand-panel {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 48px 42px;
      background: linear-gradient(135deg, #050b16 0%, #0f172a 24%, #132b59 58%, #1d4ed8 100%);
      color: #f8fbff;
    }
.ax-brand-panel .brand-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
.ax-brand-panel .brand-mark {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border-radius: 14px;
      background: rgba(255,255,255,0.18);
      color: #ffffff;
      font-weight: 800;
      letter-spacing: 0.08em;
      box-shadow: 0 10px 22px rgba(59,130,246,0.35);
    }
.ax-brand-panel .brand-name {
      font-size: 1.1rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
.ax-brand-panel .hero-copy h1 {
      margin: 0 0 16px;
      font-size: clamp(2rem, 4vw, 3.2rem);
      line-height: 1.08;
      color: #ffffff;
      text-shadow: 0 2px 10px rgba(148, 163, 184, 0.18);
    }
.ax-brand-panel .hero-copy p {
      margin: 0;
      max-width: 430px;
      color: rgba(255,255,255,0.92);
      line-height: 1.7;
      font-weight: 500;
    }
.ax-brand-panel .stats-box {
      display: grid;
      grid-template-columns: repeat(2, minmax(120px, 1fr));
      gap: 14px;
      margin-top: 28px;
      max-width: 430px;
    }
.ax-brand-panel .stat {
      padding: 18px 16px;
      border-radius: 16px;
      background: rgba(255,255,255,0.10);
      border: 1px solid rgba(255,255,255,0.14);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
    }
.ax-brand-panel .stat strong {
      display: block;
      font-size: 1.8rem;
      margin-bottom: 4px;
      color: #ffffff;
      font-weight: 800;
    }
.ax-brand-panel .stat span {
      color: rgba(255,255,255,0.94);
      font-size: 0.9rem;
      font-weight: 500;
    }
.ax-auth-surface {
      border-radius: 0;
      box-shadow: none;
      border: 0;
      background: var(--ax-surface);
      color: var(--ax-text-strong);
    }
.ax-card.ax-auth-surface .ax-label,
    .ax-card.ax-auth-surface .ax-field label,
    .ax-card.ax-auth-surface .ax-card__body > header h1,
    .ax-card.ax-auth-surface .ax-card__body > header p,
    .ax-card.ax-auth-surface .ax-link,
    .ax-card.ax-auth-surface .ax-btn__label,
    .ax-card.ax-auth-surface .ax-alert__message {
      color: var(--ax-text-strong);
    }
html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-label,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-field label,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-link,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-card__body > header h1,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-card__body > header p,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-alert__message {
      color: #e2e8f0;
    }
@media (max-width: 840px) {
      .ax-register-layout {
        grid-template-columns: 1fr;
      }
      .ax-brand-panel {
        min-height: 320px;
      }
    }


.tpl-auth-register-03 { border-radius:0 !important; }
.tpl-auth-register-04 { padding:var(--ax-space-8) !important; display:flex !important; flex-direction:column !important; gap:var(--ax-space-5) !important; height:100% !important; justify-content:center !important; }





.tpl-auth-register-10 { display:grid !important; gap:16px !important; }