/* ==========================================================================
   ELIAS NET — Pro Page-specific styles
   ========================================================================== */

/* ---- Password strength meter (register) ---- */
.pw-strength { margin-top: var(--sp-2); display: flex; align-items: center; gap: var(--sp-3); }
.pw-strength-bar { flex: 1; height: 5px; background: var(--c-surface-3); border-radius: var(--r-full); overflow: hidden; }
.pw-strength-bar span { display: block; height: 100%; width: 0; background: transparent; border-radius: var(--r-full); transition: width var(--t-base) var(--ease), background var(--t-base) var(--ease); }
.pw-strength-label { font-size: var(--fs-xs); color: var(--c-text-dim); white-space: nowrap; min-width: 90px; text-align: left; }

/* ---- Countdown redirect ---- */
.countdown { text-align: center; margin-top: var(--sp-4); color: var(--c-text-muted); font-size: var(--fs-sm); }
.countdown strong { color: var(--c-accent-hover); font-size: var(--fs-lg); }

/* ---- Verify / status icons ---- */
.status-icon-big {
  width: 64px; height: 64px;
  margin: 0 auto var(--sp-4);
  border-radius: var(--r-full);
  display: flex; align-items: center; justify-content: center;
}
.status-icon-big i { font-size: 32px; }
.status-icon-success { background: var(--c-success-soft); color: var(--c-success); }
.status-icon-error { background: var(--c-danger-soft); color: var(--c-danger); }
.status-icon-info { background: var(--c-info-soft); color: var(--c-info); }