/* ============================================================================
   mf-auth.css — signing in without leaving the page you came for.
   ----------------------------------------------------------------------------
   Every sign-in link on the mutual-fund site used to navigate to
   investverdict.com/login.html, and a person who was reading a fund lost the
   fund. This is the same account and the same session; only the doorway moved.
   ============================================================================ */
.mfa-ov{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(6,12,22,.72);backdrop-filter:blur(3px)}
.mfa-ov.on{display:flex}
.mfa-box{width:100%;max-width:420px;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.45);font-family:'DM Sans',system-ui,sans-serif;
  max-height:94vh;overflow-y:auto}
.mfa-top{background:linear-gradient(150deg,#12233a,#05111f);color:#fff;padding:22px 24px 20px;position:relative}
.mfa-top img{height:26px;width:auto;display:block;margin-bottom:12px}
.mfa-top h3{margin:0;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:25px;letter-spacing:.5px}
.mfa-top p{margin:5px 0 0;font-size:13px;color:#c3d0e0;line-height:1.5}
.mfa-x{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;font-size:17px;line-height:1}
.mfa-x:hover{background:rgba(255,255,255,.22)}
.mfa-body{padding:20px 24px 24px}

.mfa-g{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;
  border:1px solid #dcd6c8;background:#fff;border-radius:11px;padding:12px;font-size:14.5px;font-weight:600;
  color:#17213c;text-decoration:none;transition:.15s}
.mfa-g:hover{border-color:#c8bda3;background:#fbf8f1}
.mfa-g svg{width:18px;height:18px}
.mfa-or{display:flex;align-items:center;gap:12px;margin:16px 0;color:#8a93a8;font-size:12px}
.mfa-or::before,.mfa-or::after{content:"";flex:1;height:1px;background:#e6e0d2}

.mfa-f{margin-bottom:12px}
.mfa-f label{display:block;font-size:11.5px;font-weight:600;color:#5a637a;margin-bottom:5px;
  letter-spacing:.04em;text-transform:uppercase}
.mfa-f input{width:100%;height:46px;border:1px solid #dcd6c8;border-radius:11px;padding:0 14px;
  font:15px/1 'DM Sans',system-ui,sans-serif;color:#0d1526;background:#fff;outline:none;transition:.14s}
.mfa-f input:focus{border-color:#c9982a;box-shadow:0 0 0 4px rgba(201,152,42,.16)}
.mfa-f input.otp{letter-spacing:.5em;text-align:center;font-size:20px;font-weight:700}

.mfa-go{width:100%;cursor:pointer;border:0;border-radius:11px;padding:14px;
  font:700 15px/1 'DM Sans',system-ui,sans-serif;color:#17213c;
  background:linear-gradient(180deg,#f5c542,#c9982a);
  box-shadow:0 4px 0 #d9a520,0 8px 18px rgba(201,152,42,.3);transition:transform .08s,box-shadow .08s}
.mfa-go:active{transform:translateY(3px);box-shadow:0 1px 0 #d9a520}
.mfa-go[disabled]{opacity:.6;cursor:default;transform:none}

.mfa-terms{margin:14px 0 4px;padding:12px 13px;border:1px solid #e6e0d2;border-radius:11px;background:#fbf8f1}
.mfa-terms label{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.55;color:#2b3452;
  margin-bottom:9px;cursor:pointer}
.mfa-terms label:last-child{margin-bottom:0}
.mfa-terms input{margin-top:2px;width:15px;height:15px;flex:none;accent-color:#b8871c}
.mfa-terms a{color:#6f550f;font-weight:600}
.mfa-terms .req{font-weight:600;color:#0d1526}

.mfa-msg{margin:12px 0 0;font-size:13px;line-height:1.55;padding:10px 12px;border-radius:9px;display:none}
.mfa-msg.on{display:block}
.mfa-msg.err{background:#fbe6e2;color:#a52b22;border:1px solid #f0d6d0}
.mfa-msg.ok{background:#ddf5ee;color:#0a5f58;border:1px solid #bfe6db}
.mfa-fine{margin:14px 0 0;font-size:11.5px;color:#8a93a8;line-height:1.6;text-align:center}
.mfa-fine a{color:#6f550f}
.mfa-back{background:none;border:0;color:#6f550f;font-size:12.5px;cursor:pointer;padding:0;margin-top:12px;
  font-weight:600}
.mfa-step{display:none}.mfa-step.on{display:block}
@media(max-width:460px){ .mfa-box{border-radius:14px} .mfa-body{padding:18px 18px 20px} }

/* Locked: the close button is not merely ignored, it is gone. A cross that
   does nothing is worse than no cross — it reads as broken rather than as a
   decision. */
.mfa-ov.mfa-locked .mfa-x{display:none}
.mfa-ov.mfa-locked{background:rgba(6,12,22,.88)}
.mfa-consent-lede{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:#2b3452}