/* =============================================================================
   PROFIZ 1 — Login / Sign-up / Forgot password
   Centered card: logo row + theme button, gradient header, white form body.
   ============================================================================= */
html[data-ui="profiz1"] {
  --pz-heading: #14132B; --pz-text: #3D3B56; --pz-muted: #6B6A86; --pz-line: #E3E1EE;
  --pz-card: #fff; --pz-input: #fff; --pz-page: var(--pz-bg);
  --text-primary: var(--pz-heading); --text-secondary: var(--pz-text); --text-muted: var(--pz-muted);
  --accent-primary: var(--brand); --bg-input: #F6F5FB; --border-card: var(--pz-line);
}
html[data-ui="profiz1"][data-theme="dark"] {
  --pz-heading: #F8FAFC; --pz-text: #D4D4DC; --pz-muted: #A3A3B8; --pz-line: rgba(255,255,255,.12);
  --pz-card: #15161D; --pz-input: rgba(255,255,255,.04); --bg-input: rgba(255,255,255,.04);
}
html[data-ui="profiz1"] body {
  font-family: 'Poppins', ui-sans-serif, system-ui, sans-serif !important; color: var(--pz-text);
  background: radial-gradient(60% 50% at 0% 0%, rgba(var(--brand-rgb), .07), transparent 70%),
              radial-gradient(60% 55% at 0% 100%, rgba(56,189,248,.08), transparent 70%),
              radial-gradient(55% 50% at 100% 0%, rgba(var(--pz-accent-rgb), .09), transparent 70%), var(--pz-bg) !important;
  min-height: 100vh; -webkit-font-smoothing: antialiased;
}
html[data-ui="profiz1"] .pz-i { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; }
html[data-theme="dark"] .pz-when-light, html:not([data-theme="dark"]) .pz-when-dark { display: none !important; }
html[data-ui="profiz1"] .pz-hide,
html[data-ui="profiz1"] .auth-brand,
html[data-ui="profiz1"] .auth-mobile-logo,
html[data-ui="profiz1"] .auth-form-header { display: none !important; }

/* Layout */
html[data-ui="profiz1"] .auth-shell { display: block; min-height: 100vh; }
html[data-ui="profiz1"] .auth-form-panel { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 100vh; padding: 2.25rem 1rem 2.5rem; overflow: visible; }
html[data-ui="profiz1"] .pz-auth-top, html[data-ui="profiz1"] .auth-form-inner { width: 100%; max-width: 31.25rem; }
.pz-auth-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.pz-auth-top .pz-brand { display: inline-flex; align-items: center; text-decoration: none; }
.pz-auth-theme { display: inline-flex; align-items: center; justify-content: center; width: 2.625rem; height: 2.625rem; border-radius: .875rem; cursor: pointer;
  border: 1px solid rgba(var(--pz-accent-rgb), .22); background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--ui-lavender) 7%, #fff)); color: var(--pz-text); box-shadow: 0 1px 2px rgba(24,20,66,.05); }
.pz-auth-theme:hover { border-color: rgba(var(--brand-rgb), .35); color: var(--brand); }
html[data-theme="dark"] .pz-auth-theme { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); color: #E2E8F0; }

/* Wordmark (same as the app) */
.pz-wordmark { display: inline-flex; align-items: center; gap: 1px; height: var(--h, 24px); font-weight: 800; font-size: calc(var(--h, 24px) * 1.08); letter-spacing: -.04em; color: var(--brand); line-height: 1; white-space: nowrap; }
.pz-wm-mark { display: inline-flex; align-items: center; height: calc(var(--h, 24px) * 1.25); padding: 0 .1em; font-style: italic; font-size: 1.22em; background: var(--pz-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pz-logo-img { display: block; width: auto; max-width: 180px; object-fit: contain; }

/* Card */
html[data-ui="profiz1"] .auth-form-inner { position: relative; overflow: hidden; padding: 0 2.125rem 2.125rem; border-radius: 1.5rem; border: 1px solid rgba(91,84,150,.1);
  background: var(--pz-card); box-shadow: 0 1px 2px rgba(24,20,66,.04), 0 24px 60px -30px rgba(24,20,66,.28); }
html[data-ui="profiz1"] .auth-form-inner::before { display: none; }
html[data-ui="profiz1"][data-theme="dark"] .auth-form-inner { border-color: rgba(255,255,255,.08); box-shadow: 0 24px 60px -30px rgba(0,0,0,.8); }
.pz-auth-hero { margin: 0 -2.125rem 1.75rem; padding: 2.25rem 2.125rem 2.125rem; color: #fff; background: var(--pz-auth-grad); position: relative; overflow: hidden; }
.pz-auth-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 100% 0%, transparent 5rem, rgba(255,255,255,.06) 5.05rem, rgba(255,255,255,.06) 5.15rem, transparent 5.2rem),
              radial-gradient(circle at 100% 0%, transparent 8rem, rgba(255,255,255,.04) 8.05rem, rgba(255,255,255,.04) 8.15rem, transparent 8.2rem); }
.pz-auth-hero__icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: .875rem; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.3); color: #fff; box-shadow: inset 0 1px rgba(255,255,255,.25); }
.pz-auth-hero h1 { margin: 1.25rem 0 .5rem; font-size: 1.6875rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; color: #fff; }
.pz-auth-hero p { margin: 0; font-size: .875rem; line-height: 1.55; color: rgba(255,255,255,.92); max-width: 26rem; }

/* Fields */
html[data-ui="profiz1"] .login-grid, html[data-ui="profiz1"] .auth-form-grid { display: flex !important; flex-direction: column; gap: 1.25rem; margin-bottom: 1.5rem; }
html[data-ui="profiz1"] .form-group { margin: 0 !important; }
html[data-ui="profiz1"] .form-label { display: block; margin: 0 0 .5rem; font-size: .9375rem; font-weight: 600; letter-spacing: -.005em; text-transform: none; color: var(--pz-text); }
html[data-ui="profiz1"] .input-wrap { position: relative; }
html[data-ui="profiz1"] .input-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; color: var(--pz-muted); pointer-events: none; z-index: 1; }
html[data-ui="profiz1"] .form-input, html[data-ui="profiz1"] .form-select { width: 100%; height: 2.75rem; min-height: 2.75rem; padding: 0 1rem 0 2.75rem; border-radius: .75rem;
  border: 1px solid var(--pz-line); background: var(--pz-input); color: var(--pz-heading); font: 500 .9375rem/1.4 'Poppins', ui-sans-serif, sans-serif; box-shadow: 0 1px 2px rgba(24,20,66,.03); transition: border-color .15s, box-shadow .15s; }
html[data-ui="profiz1"] .form-select { padding-left: 1rem; }
html[data-ui="profiz1"] .country-select-wrap .form-select { padding-left: 2.75rem; }
html[data-ui="profiz1"] .form-input::placeholder { color: var(--pz-muted); opacity: .85; }
html[data-ui="profiz1"] .form-input:focus, html[data-ui="profiz1"] .form-select:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(var(--brand-rgb), .12); }
html[data-ui="profiz1"] .form-input.error { border-color: #E11D48; }
html[data-ui="profiz1"] .input-wrap-toggle .form-input { padding-right: 3rem; }
html[data-ui="profiz1"] .input-toggle-btn { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border: 0; border-radius: .625rem; background: none; color: var(--pz-muted); cursor: pointer; }
html[data-ui="profiz1"] .input-toggle-btn:hover { color: var(--brand); background: rgba(var(--brand-rgb), .06); }
html[data-ui="profiz1"] .phone-prefix-badge { left: 1rem; color: var(--pz-text); font-weight: 600; font-size: .9375rem; }
html[data-ui="profiz1"] .form-input.phone-has-prefix { padding-left: 4.25rem; }
html[data-ui="profiz1"] .form-hint { display: block; margin-top: .5rem; font-size: .875rem; color: var(--pz-muted); line-height: 1.5; }
html[data-ui="profiz1"] .form-error { display: block; margin-top: .4rem; font-size: .8125rem; font-weight: 500; color: #E11D48; }
html[data-ui="profiz1"] .flex.justify-between { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; }
html[data-ui="profiz1"] .flex.justify-between .form-label { margin: 0; }
html[data-ui="profiz1"] .forgot-link { font-size: .9375rem; font-weight: 600; color: var(--brand) !important; text-decoration: none; }
html[data-ui="profiz1"] .forgot-link:hover { text-decoration: underline; text-underline-offset: 3px; }
html[data-ui="profiz1"] .avail { font-size: .8125rem; margin-top: .4rem; }
html[data-ui="profiz1"] .referral-banner { border-radius: .75rem; }

/* Buttons */
html[data-ui="profiz1"] .btn-primary { display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; height: 2.75rem; min-height: 2.75rem; margin-top: .25rem !important; border: 1px solid var(--brand) !important; border-radius: .75rem;
  background: var(--brand) !important; color: #fff !important; font: 700 1rem/1 'Poppins', ui-sans-serif, sans-serif; letter-spacing: -.01em; box-shadow: 0 8px 18px -10px rgba(var(--brand-rgb), .7); cursor: pointer; }
html[data-ui="profiz1"] .btn-primary:hover { background: var(--brand-strong) !important; border-color: var(--brand-strong) !important; }
html[data-ui="profiz1"] .btn-primary::before, html[data-ui="profiz1"] .btn-primary::after { display: none !important; }
.pz-auth-or { display: flex; align-items: center; gap: .875rem; margin: 1.75rem 0 1.125rem; color: var(--pz-muted); font-size: .875rem; }
.pz-auth-or::before, .pz-auth-or::after { content: ""; flex: 1; height: 1px; background: var(--pz-line); }
.pz-auth-alt { display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; height: 2.75rem; border-radius: .75rem; border: 1px solid var(--pz-line); background: var(--pz-card); color: var(--pz-heading) !important; font-weight: 700; font-size: .9375rem; text-decoration: none; box-shadow: 0 1px 2px rgba(24,20,66,.04); }
.pz-auth-alt:hover { border-color: rgba(var(--brand-rgb), .35); }
html[data-theme="dark"] .pz-auth-alt { background: rgba(255,255,255,.04); }

/* Alerts on the card */
html[data-ui="profiz1"] .alert { border-radius: .75rem; font-size: .875rem; margin-bottom: 1.25rem; }

@media (max-width: 520px) {
  html[data-ui="profiz1"] .auth-form-panel { padding: 1.25rem .875rem 2rem; }
  html[data-ui="profiz1"] .auth-form-inner { padding: 0 1.25rem 1.5rem; border-radius: 1.25rem; }
  .pz-auth-hero { margin: 0 -1.25rem 1.5rem; padding: 1.75rem 1.25rem 1.625rem; }
  .pz-auth-hero h1 { font-size: 1.5rem; margin-top: 1rem; }
  .pz-auth-top { margin-bottom: 1.125rem; }
}

/* Win over each page's own compact / skin rules (they use !important) */
html[data-ui="profiz1"][data-theme] .auth-form-panel { padding: 2.25rem 1rem 2.5rem !important; background: transparent !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner { padding: 0 2.125rem 2.125rem !important; border-radius: 1.5rem !important; background: var(--pz-card) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-group { margin-bottom: 0 !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-label { margin: 0 0 .5rem !important; font-size: .9375rem !important; font-weight: 600 !important; color: var(--pz-text) !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner :is(.form-input, .form-select) {
  height: 2.75rem !important; padding: 0 1rem !important; background: var(--pz-input) !important; border: 1px solid var(--pz-line) !important; border-radius: .75rem !important; box-shadow: 0 1px 2px rgba(24,20,66,.03) !important; color: var(--pz-heading) !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .input-icon ~ .form-input { padding-left: 2.75rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-input.phone-has-prefix { padding-left: 4.25rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .input-wrap-toggle .form-input { padding-right: 3rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner :is(.form-input, .form-select):focus { border-color: var(--brand) !important; box-shadow: 0 0 0 3px rgba(var(--brand-rgb), .12) !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-select { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 2.5rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2394a3b8'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right .875rem center !important; background-size: 1rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-hint { font-size: .875rem !important; margin-top: .5rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .referral-banner { padding: .625rem .875rem !important; font-size: .875rem !important; margin-bottom: 1.25rem !important; border-radius: .75rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner #registerForm > .form-group { margin-bottom: 1.25rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner #registerForm > .form-group > div { border-radius: .75rem !important; padding: .625rem .875rem !important; font-size: .875rem !important; background: color-mix(in srgb, var(--brand) 5%, var(--pz-card)) !important; border-color: color-mix(in srgb, var(--brand) 18%, var(--pz-line)) !important; }
@media (max-width: 520px) {
  html[data-ui="profiz1"][data-theme] .auth-form-panel { padding: 1.25rem .875rem 2rem !important; }
  html[data-ui="profiz1"][data-theme] .auth-form-inner { padding: 0 1.25rem 1.5rem !important; border-radius: 1.25rem !important; }
}

/* ---------- Activate account ---------- */
html[data-ui="profiz1"] .act { --a: var(--brand) !important; --line: var(--pz-line) !important; }
html[data-ui="profiz1"] body.act { background: inherit; }
html[data-ui="profiz1"] .pz-act-wrap { max-width: 31.25rem; margin: 0 auto; padding: 2.25rem 1rem 0; }
html[data-ui="profiz1"] .act-top, html[data-ui="profiz1"] h1.act-h, html[data-ui="profiz1"] .act-lead { display: none !important; }
html[data-ui="profiz1"] main.act-page { max-width: 31.25rem; margin: 0 auto 2.5rem; padding: 0 2.125rem 2.125rem; border-radius: 1.5rem; overflow: hidden; background: var(--pz-card);
  border: 1px solid rgba(91,84,150,.1); box-shadow: 0 1px 2px rgba(24,20,66,.04), 0 24px 60px -30px rgba(24,20,66,.28); }
html[data-ui="profiz1"][data-theme="dark"] main.act-page { border-color: rgba(255,255,255,.08); }
html[data-ui="profiz1"] .act-btn, html[data-ui="profiz1"] .act-box, html[data-ui="profiz1"] .act-amount, html[data-ui="profiz1"] .act-alert, html[data-ui="profiz1"] .act-links a, html[data-ui="profiz1"] .act-steps, html[data-ui="profiz1"] .act-net { border-radius: .75rem !important; }
html[data-ui="profiz1"] .act-btn.primary { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; box-shadow: 0 8px 18px -10px rgba(var(--brand-rgb), .7); }
html[data-ui="profiz1"] .act-btn.primary:hover { background: var(--brand-strong) !important; }
@media (max-width: 520px) {
  html[data-ui="profiz1"] .pz-act-wrap { padding: 1.25rem .875rem 0; }
  html[data-ui="profiz1"] main.act-page { margin: 0 .875rem 2rem; padding: 0 1.25rem 1.5rem; border-radius: 1.25rem; }
}

/* ---------- SUPER-COMPACT auth (N2.3.2) ---------- */
html[data-ui="profiz1"] body { font-size: .8125rem; }
html[data-ui="profiz1"][data-theme] .auth-form-panel { padding: 1rem .75rem 1.5rem !important; }
html[data-ui="profiz1"] .pz-auth-top, html[data-ui="profiz1"] .auth-form-inner { max-width: 26rem; }
.pz-auth-top { margin-bottom: .75rem; }
.pz-auth-theme { width: 2.125rem; height: 2.125rem; border-radius: .625rem; }
html[data-ui="profiz1"][data-theme] .auth-form-inner { padding: 0 1.25rem 1.25rem !important; border-radius: 1.125rem !important; }
.pz-auth-hero { margin: 0 -1.25rem 1rem; padding: 1.125rem 1.25rem 1.125rem; }
.pz-auth-hero__icon { width: 2.25rem; height: 2.25rem; border-radius: .625rem; }
.pz-auth-hero h1 { margin: .625rem 0 .25rem; font-size: 1.25rem; }
.pz-auth-hero p { font-size: .75rem; line-height: 1.45; }
html[data-ui="profiz1"] .login-grid, html[data-ui="profiz1"] .auth-form-grid { gap: .75rem; margin-bottom: 1rem; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-label { margin: 0 0 .3125rem !important; font-size: .8125rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner :is(.form-input, .form-select) { height: 2.5rem !important; min-height: 2.5rem !important; font-size: .8125rem !important; border-radius: .625rem !important; }
html[data-ui="profiz1"] .input-icon { width: 15px; height: 15px; left: .875rem; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .input-icon ~ .form-input { padding-left: 2.5rem !important; }
html[data-ui="profiz1"] .phone-prefix-badge { font-size: .8125rem; left: .875rem; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-input.phone-has-prefix { padding-left: 3.75rem !important; }
html[data-ui="profiz1"] .input-toggle-btn { width: 2rem; height: 2rem; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-hint { font-size: .6875rem !important; margin-top: .25rem !important; }
html[data-ui="profiz1"] .form-error, html[data-ui="profiz1"] .avail { font-size: .6875rem; margin-top: .25rem; }
html[data-ui="profiz1"] .forgot-link { font-size: .75rem; }
html[data-ui="profiz1"] .flex.justify-between { margin-bottom: .3125rem; }
html[data-ui="profiz1"] .btn-primary { height: 2.5rem; min-height: 2.5rem; font-size: .875rem; border-radius: .625rem; }
.pz-auth-or { margin: 1rem 0 .75rem; font-size: .75rem; }
.pz-auth-alt { height: 2.5rem; border-radius: .625rem; font-size: .8125rem; }
html[data-ui="profiz1"] .alert { font-size: .75rem; margin-bottom: .75rem; padding: .5rem .75rem; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .referral-banner { padding: .5rem .75rem !important; font-size: .75rem !important; margin-bottom: .75rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner #registerForm > .form-group { margin-bottom: .75rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner #registerForm > .form-group > div { padding: .5rem .75rem !important; font-size: .75rem !important; }
html[data-ui="profiz1"] .auth-form-inner input[type="checkbox"] + *, html[data-ui="profiz1"] .auth-form-inner label:has(input[type="checkbox"]) { font-size: .75rem; }
/* activate */
html[data-ui="profiz1"] .pz-act-wrap { max-width: 26rem; padding: 1rem .75rem 0; }
html[data-ui="profiz1"] main.act-page { max-width: 26rem; padding: 0 1.25rem 1.25rem; border-radius: 1.125rem; margin-bottom: 1.5rem; font-size: .8125rem; }
@media (max-width: 520px) {
  html[data-ui="profiz1"][data-theme] .auth-form-panel { padding: .875rem .75rem 1.25rem !important; }
  html[data-ui="profiz1"][data-theme] .auth-form-inner { padding: 0 1rem 1rem !important; }
  .pz-auth-hero { margin: 0 -1rem .875rem; padding: 1rem; }
  .pz-auth-hero h1 { font-size: 1.1875rem; margin-top: .5rem; }
  html[data-ui="profiz1"] main.act-page { margin: 0 .75rem 1.25rem; padding: 0 1rem 1rem; }
}
/* inline-styled blocks (forgot password etc.) */
html[data-ui="profiz1"][data-theme] .auth-form-inner > div[style*="padding:16px"] { padding: .625rem .75rem !important; font-size: .75rem !important; line-height: 1.5 !important; border-radius: .75rem !important; margin-bottom: .75rem !important; border-color: var(--pz-line) !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner a[style*="padding:13px"] { padding: .625rem !important; font-size: .8125rem !important; border-radius: .625rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner a[style*="--accent-secondary"] { background: var(--brand) !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner :is(div, p)[style*="font-size:.9rem"] { font-size: .75rem !important; margin-top: .75rem !important; }
html[data-ui="profiz1"][data-theme] .act-box { min-height: 2.5rem; }
html[data-ui="profiz1"][data-theme] .act-box input { height: 2.5rem; font-size: .875rem; }
html[data-ui="profiz1"][data-theme] .act-amount { padding: .375rem .5rem .375rem .75rem; margin-bottom: .5rem; }
html[data-ui="profiz1"][data-theme] .act-amount > span:first-child, html[data-ui="profiz1"][data-theme] .act-amount .cur { font-size: .8125rem; }
html[data-ui="profiz1"][data-theme] .act-amount .num { font-size: .9375rem; padding: .25rem .625rem; }
html[data-ui="profiz1"][data-theme] .act-net { min-height: 2.25rem; font-size: .8125rem; margin-bottom: .5rem; }
html[data-ui="profiz1"][data-theme] .act-field { margin-bottom: .5rem; }
html[data-ui="profiz1"][data-theme] .act-field label, html[data-ui="profiz1"][data-theme] .act-label { font-size: .75rem; }
html[data-ui="profiz1"][data-theme] .act-btn { min-height: 2.5rem; font-size: .875rem; }
/* activate — compact everything (N2.3.6) */
html[data-ui="profiz1"][data-theme] main.act-page { font-size: .8125rem; }
html[data-ui="profiz1"][data-theme] .act-pre { font-size: .875rem; padding: 0 .625rem; }
html[data-ui="profiz1"][data-theme] .act-net { font-size: .8125rem; padding: 0 .75rem; }
html[data-ui="profiz1"][data-theme] .act-amount > span:first-child { font-weight: 600; }
html[data-ui="profiz1"][data-theme] .act-amount .num { min-width: 3.5rem; }
html[data-ui="profiz1"][data-theme] .act-or { margin: .5rem 0; font-size: .6875rem; }
html[data-ui="profiz1"][data-theme] .act-steps { gap: .3125rem; margin-bottom: .5rem; }
html[data-ui="profiz1"][data-theme] .act-steps li { padding: .4375rem .625rem; gap: .5rem; }
html[data-ui="profiz1"][data-theme] .act-steps .t { font-size: .75rem; }
html[data-ui="profiz1"][data-theme] .act-steps .n { width: 1.25rem; height: 1.25rem; font-size: .6875rem; }
html[data-ui="profiz1"][data-theme] .act-steps .copy, html[data-ui="profiz1"][data-theme] .act-hint { font-size: .6875rem; }
html[data-ui="profiz1"][data-theme] .act-alert { padding: .5rem .625rem; font-size: .75rem; margin-bottom: .5rem; border-radius: .625rem; }
html[data-ui="profiz1"][data-theme] .act-alert b.t { font-size: .8125rem; }
html[data-ui="profiz1"][data-theme] .act-links { gap: .375rem; margin-top: .5rem; }
html[data-ui="profiz1"][data-theme] .act-links a { min-height: 2.375rem; font-size: .8125rem; border-radius: .625rem; }
html[data-ui="profiz1"][data-theme] .act-foot { margin-top: .5rem; }
html[data-ui="profiz1"][data-theme] .act-foot a { font-size: .75rem; }
html[data-ui="profiz1"][data-theme] .act-btn { border-radius: .625rem; }
html[data-ui="profiz1"][data-theme] .act-box, html[data-ui="profiz1"][data-theme] .act-amount, html[data-ui="profiz1"][data-theme] .act-net { border-radius: .625rem; }
html[data-ui="profiz1"][data-theme] .act-amount .val { border-radius: .5rem; }
@media (max-width: 380px) {
  .pz-auth-hero__icon { display: none; }
  .pz-auth-hero h1 { margin-top: 0; font-size: 1.0625rem; }
  .pz-auth-hero p { font-size: .6875rem; }
  html[data-ui="profiz1"] main.act-page { margin: 0 .5rem 1rem; padding: 0 .75rem .875rem; }
  html[data-ui="profiz1"][data-theme] .auth-form-inner { padding: 0 .75rem .875rem !important; }
  .pz-auth-hero { margin: 0 -.75rem .75rem; padding: .875rem .75rem; }
  html[data-ui="profiz1"] .pz-act-wrap { padding: .75rem .5rem 0; }
}

/* ---- Centred card (login / sign-up / forgot / activate), matched to the reference ---- */
html[data-ui="profiz1"][data-theme] .auth-form-panel {
  display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start;
  min-height: 100vh; min-height: 100dvh; padding: .875rem 1.0625rem 1.25rem !important;
}
html[data-ui="profiz1"][data-theme] .auth-form-panel > .pz-auth-top { flex-shrink: 0; margin-bottom: .75rem; }
/* the card takes the free space above and below → vertically centred under the logo bar */
html[data-ui="profiz1"][data-theme] .auth-form-panel > .auth-form-inner { margin-top: auto !important; margin-bottom: auto !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner { padding: 0 1.25rem 1.25rem !important; border-radius: 1.25rem !important; }
html[data-ui="profiz1"] .pz-auth-hero { margin: 0 -1.25rem 1.25rem; padding: 1.25rem 1.25rem 1.375rem; }
html[data-ui="profiz1"] .pz-auth-hero__icon { width: 2.5rem; height: 2.5rem; border-radius: .75rem; }
html[data-ui="profiz1"] .pz-auth-hero h1 { margin: .875rem 0 .25rem; font-size: 1.3125rem; }
html[data-ui="profiz1"] .pz-auth-hero p { font-size: .8125rem; line-height: 1.5; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .form-label { font-size: .8125rem !important; margin-bottom: .375rem !important; }
html[data-ui="profiz1"][data-theme] .auth-form-inner :is(.form-input, .form-select) { height: 2.375rem !important; min-height: 2.375rem !important; font-size: .875rem !important; }
html[data-ui="profiz1"] .login-grid, html[data-ui="profiz1"] .auth-form-grid { gap: .875rem; margin-bottom: 1rem; }
html[data-ui="profiz1"] .btn-primary { height: 2.375rem; min-height: 2.375rem; font-size: .9375rem; }
html[data-ui="profiz1"] .pz-auth-alt { height: 2.375rem; font-size: .875rem; }
html[data-ui="profiz1"] .pz-auth-or { margin: 1rem 0 .875rem; font-size: .8125rem; }
html[data-ui="profiz1"] .forgot-link { font-size: .8125rem; }
@media (max-width: 380px) {
  html[data-ui="profiz1"] .pz-auth-hero__icon { display: inline-flex; width: 2.25rem; height: 2.25rem; }
  html[data-ui="profiz1"] .pz-auth-hero h1 { margin-top: .625rem; font-size: 1.1875rem; }
}
/* Activate page: same centring */
html[data-ui="profiz1"] body.act { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
html[data-ui="profiz1"] body.act > main.act-page { margin-top: auto; margin-bottom: auto; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .flex.justify-between { align-items: center; margin-bottom: .375rem; }
html[data-ui="profiz1"][data-theme] .auth-form-inner .flex.justify-between .form-label { margin: 0 !important; }

/* =============================================================================
   PROFIZ 1 + 3 — super simple sign in / sign up: title only, fields with
   placeholders (labels stay for screen readers), no icons or hint text,
   one small line to the other page. Version 4 has its own file (pz4-auth.css).
   ========================================================================== */
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) :is(#loginForm, #registerForm) .form-label { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) :is(#loginForm, #registerForm) :is(.input-icon, .form-hint) { display: none !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"])[data-theme] :is(#loginForm, #registerForm) .input-wrap :is(.form-input, input) { padding-left: .875rem !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"])[data-theme] :is(#loginForm, #registerForm) .input-wrap .phone-has-prefix { padding-left: 3.5rem !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"])[data-theme] :is(#loginForm, #registerForm) .form-group { margin-bottom: .625rem !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) #loginForm .form-group .flex.justify-between { display: flex !important; justify-content: flex-end !important; order: 2; margin: .375rem 0 0 !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) #loginForm .form-group:has(.forgot-link) { display: flex; flex-direction: column; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) #loginForm .forgot-link { font-size: .8125rem !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) body:has(:is(#loginForm, #registerForm)) .pz-auth-hero p { display: none !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) body:has(:is(#loginForm, #registerForm)) .pz-auth-hero { padding-top: 1rem !important; padding-bottom: 1rem !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) #registerForm > .form-group.span-2:first-of-type > div { padding: .375rem .625rem !important; font-size: .75rem !important; background: none !important; border: 0 !important; }
html[data-ui="profiz1"]:not([data-uiv="profiz4"]) :is(#loginForm, #registerForm) button[type=submit] { margin-top: .875rem !important; }
.pz-auth-foot { margin: .875rem 0 0; text-align: center; font-size: .8125rem; color: var(--ui-muted, #6B6680); }
.pz-auth-foot a { color: var(--ui-brand-fg, var(--brand)) !important; font-weight: 700; text-decoration: none; }
@media (max-width: 30rem) { html[data-ui="profiz1"]:not([data-uiv="profiz4"])[data-theme] .auth-form-inner { padding-bottom: 1rem !important; } }