login.css

/* ============================================================
   SpeakFlow AI – login.css  (extends signup.css)
   ============================================================ */

.form-label{justify-content:space-between;}
.forgot-link{background:none;border:none;color:var(--blue-light);font-size:0.8rem;font-weight:600;cursor:pointer;padding:0;margin-left:auto;}
.forgot-link:hover{text-decoration:underline;}

/* ── Remember Me ─────────────────────────────────────────── */
.remember-row{display:flex;align-items:center;margin-bottom:4px;}
.check-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:0.9rem;color:var(--text-muted);user-select:none;}
.check-label input{display:none;}
.check-custom{width:18px;height:18px;border:1.5px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all var(--transition);background:rgba(30,41,59,.8);flex-shrink:0;}
.check-label input:checked + .check-custom{background:var(--blue);border-color:var(--blue);}
.check-label input:checked + .check-custom::after{content:'✓';color:#fff;font-size:.75rem;font-weight:700;}

/* ── Admin hint ──────────────────────────────────────────── */
.admin-hint{margin-top:16px;padding:12px 16px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:10px;font-size:.83rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;}
.admin-hint i{color:#A78BFA;}
.admin-hint strong{color:#A78BFA;}

/* ── Forgot Modal ────────────────────────────────────────── */
.modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;}
.modal-box{background:rgba(15,23,42,.92);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:28px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);}
.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.modal-header h3{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:9px;}
.sf-modal-close{background:rgba(255,255,255,.07);border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;}
.sf-modal-close:hover{background:rgba(255,255,255,.12);}