/* Repagify — Auth pages: login, forgot-password, reset-password */

/* password toggle */ .rpgfy-pw-wrap{ position: relative; }

.rpgfy-pw-toggle{ position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--soft); padding: 4px; display: flex; align-items: center; }

.rpgfy-pw-toggle:hover{ color: var(--mid); }

/* ═══════════════════════════════════════════════════════════ AUTH (LOGIN) ═══════════════════════════════════════════════════════════ */ .rpgfy-auth-screen{ min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 80px 24px; }

.rpgfy-auth-card{ background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 40px; width: 100%; max-width: 420px; box-shadow: var(--shadow-lg); }

.rpgfy-auth-logo{ display: flex; align-items: center; gap: 9px; font-weight: 700; font-size: 17px; color: var(--ink); text-decoration: none; letter-spacing: -.02em; margin-bottom: 32px; }

.rpgfy-auth-title{ font-size: 26px; font-weight: 800; letter-spacing: -.03em; margin-bottom: 8px; }

.rpgfy-auth-sub{ font-size: 14px; color: var(--mid); line-height: 1.6; margin-bottom: 28px; }

.rpgfy-auth-footer-note{ margin-top: 20px; font-size: 13px; color: var(--mid); text-align: center; }

.rpgfy-auth-footer-note a{ color: var(--coral); text-decoration: none; font-weight: 600; }

.rpgfy-auth-footer-note a:hover{ text-decoration: underline; }