body.ax-standalone {
      min-height: 100vh;
      background: linear-gradient(135deg, rgba(8, 13, 22, 0.98), rgba(15, 23, 42, 0.92));
      color: var(--ax-text-strong);
    }
.ax-auth-shell {
      inline-size: 100%;
      max-inline-size: 430px;
      position: relative;
      z-index: 1;
    }
.ax-auth-surface {
      border-radius: var(--ax-radius-xl);
      box-shadow: 0 28px 60px -28px rgba(15, 23, 42, 0.7);
      background: var(--ax-surface);
      border: 1px solid var(--ax-border);
    }
.ax-card.ax-auth-surface .ax-card__body {
      padding: var(--ax-space-8);
      display: flex;
      flex-direction: column;
      gap: var(--ax-space-5);
    }
.ax-card.ax-auth-surface .ax-label,
    .ax-card.ax-auth-surface .ax-field label,
    .ax-card.ax-auth-surface .ax-link,
    .ax-card.ax-auth-surface .ax-check,
    .ax-card.ax-auth-surface .ax-alert__message,
    .ax-card.ax-auth-surface .ax-card__body > header h1,
    .ax-card.ax-auth-surface .ax-card__body > header p {
      color: var(--ax-text-strong);
    }
.ax-card.ax-auth-surface .ax-input {
      background: var(--ax-surface-elevated);
      border-color: var(--ax-border);
      color: var(--ax-text-strong);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
      transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    }
.ax-card.ax-auth-surface .ax-input::placeholder {
      color: var(--ax-text-muted);
    }
.ax-card.ax-auth-surface .ax-input:focus {
      background: var(--ax-surface);
      border-color: rgba(96,165,250,0.7);
      box-shadow: 0 0 0 4px rgba(59,130,246,0.12);
    }
html[data-ax-theme="dark"] .ax-card.ax-auth-surface {
      background: rgba(15,23,42,0.9);
      border-color: rgba(148,163,184,0.24);
    }
html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-input {
      background: rgba(15,23,42,0.9);
      border-color: rgba(148,163,184,0.28);
      color: #f8fafc;
    }
html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-input::placeholder {
      color: rgba(148,163,184,0.9);
    }
html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-link,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-check,
    html[data-ax-theme="dark"] .ax-card.ax-auth-surface .ax-label,
    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;
    }
.ax-social-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--ax-space-2);
    }
.ax-social-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      border-radius: 12px;
      border: 1px solid rgba(148,163,184,0.22);
      background: rgba(255,255,255,0.04);
      cursor: pointer;
      transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    }
.ax-social-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(96,165,250,0.35);
      background: rgba(255,255,255,0.07);
    }
.ax-social-btn svg {
      width: 18px;
      height: 18px;
    }

@media (max-width: 480px) {
      .ax-card.ax-auth-surface .ax-card__body {
        padding: var(--ax-space-6);
      }
    }


.tpl-auth-login-03 { inline-size:100% !important; display:flex !important; flex-direction:column !important; gap:var(--ax-space-5) !important; }
.tpl-auth-login-04 { gap:var(--ax-space-3) !important; text-decoration:none !important; flex-direction:row !important; justify-content:center !important; }













.tpl-auth-login-18 { justify-content:space-between !important; }
.tpl-auth-login-19 { font-size:var(--ax-text-xs) !important; }
.tpl-auth-login-20 { font-size:var(--ax-text-sm) !important; color:var(--ax-text) !important; }