body {
        min-height: 100vh;
        display: grid;
        place-items: center;
        padding: 28px 18px;
      }

      .auth-shell {
        width: min(100%, 460px);
        display: grid;
        gap: 18px;
      }

      .auth-brand {
        display: flex;
        width: fit-content;
        align-items: center;
        gap: 12px;
        color: var(--text);
        text-decoration: none;
      }

      .auth-brand .brand-logo {
        background: white;
      }

      .auth-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
      }

      .auth-brand .brand-lockup strong {
        color: var(--text);
      }

      .auth-brand .brand-lockup span {
        color: var(--muted);
      }

      .auth-card {
        border: 1px solid transparent;
        background:
          var(--card-gradient) padding-box,
          var(--glow-border) border-box;
        box-shadow: var(--shadow-soft);
        border-radius: 8px;
      }

      .auth-card h1 {
        margin: 0;
        font-size: 1.75rem;
        letter-spacing: 0;
      }

      .auth-card p {
        color: var(--muted);
        line-height: 1.6;
      }

      .auth-card {
        display: grid;
        gap: 18px;
        padding: 28px;
      }

      .auth-form,
      .auth-stack {
        display: grid;
        gap: 16px;
      }

      .auth-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
      }

      .auth-secondary {
        border-top: 1px solid var(--line);
        margin-top: 22px;
        padding-top: 22px;
      }

      .auth-footer {
        margin: 18px 0 0;
        color: var(--muted);
        font-size: 0.94rem;
      }

      .auth-error {
        margin: 0 0 16px;
        padding: 12px 14px;
        border-radius: 8px;
        color: var(--danger);
        background: var(--danger-soft);
        border: 1px solid rgba(194, 65, 12, 0.18);
      }

	      @media (max-width: 820px) {
	        .auth-card {
	          padding: 22px;
	        }

        .auth-topbar {
          align-items: flex-start;
          flex-direction: column;
	        }
	      }

      .tracking-pixel {
        display: none;
      }