/* reset modal (scoped) */
#resetModal{ position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(14,18,37,.9); z-index:26000; animation:rmFade .2s; }
#resetModal.ntv-hidden{ display:none; }
@keyframes rmFade{ from{opacity:0} to{opacity:1} }

/* Card — desktop (по центру) */
#resetModal .rstm-card{
  width:660px; /* было 560px */
  max-width:98vw;
  height:680px; /* было 560px */
  min-height:680px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* вертикальное центрирование */
  align-items: stretch;
  background:#292929; color:#f6faff;
  border:1px solid #000000; border-radius:16px;
  padding:24px 26px 22px; position:relative;
  box-shadow:0 18px 60px rgba(0,0,0,.76), 0 0 24px rgba(2, 2, 2, 0.13);
}
#resetModal .rstm-close{
  position:absolute; right:10px; top:8px;
  background:transparent; border:0; color:#c06464;
  font-size:34px; line-height:1; cursor:pointer;
}
#resetModal .rstm-close{
  position:absolute; right:10px; top:8px;
  width:40px; height:40px; display:grid; place-items:center;
  background: transparent;   /* было rgba(255,255,255,.06) */
  border: none;               /* убираем рамку */
  border-radius: 12px;
  color:#fff; font-size:22px; line-height:1;
  cursor:pointer; z-index:10;
  transition: background .15s, opacity .15s;
}
#resetModal .rstm-close:hover{ background: rgba(255,255,255,.08); }

#resetModal .rstm-title{ margin:2px 34px 6px 4px; font-size:28px; font-weight:900; color:#fff; text-align: center; }
#resetModal .rstm-text{ margin:0 4px 16px 4px; color:#bcc5db; line-height:1.55; text-align: center; }
#resetModal .rstm-row{ display:flex; gap:10px; margin-top:12px; align-items:center; width: 100%; }
#resetModal .rstm-between{ justify-content:space-between; flex-wrap:wrap; row-gap:10px; }
#resetModal .rstm-input{
  flex:1; padding:12px 14px; border-radius:12px;
  background:#121212; border:1px solid #18191a; color:#fff; outline:none;
}
#resetModal .rstm-input:focus{ border-color:#7a3cff; box-shadow:0 0 0 2px rgba(122,60,255,.25); }
#resetModal .rstm-btn{ padding:12px 16px; border-radius:16px; border:0; cursor:pointer; font-weight:800; }
#resetModal .rstm-primary{ background: linear-gradient(90deg, #2563EB 0%, #720FFE 51.92%, #9900FF 100%); color:#fff; }
#resetModal .rstm-secondary{ background:#202342; color:#ffe173; border:1px solid #ffe17366; }
#resetModal .rstm-help{ margin-top:16px; color:#bcc5db; font-size:14px; }
#resetModal .rstm-muted{ margin-top:10px; font-size:14px; color:#9aa6c1; min-height:18px; }
#resetModal #rm-send-row {
  margin-top: 10px;
}
#resetModal #rm-send {
  width: 100%;
  display: block;
}
#resetModal #rm-confirm {
  width: 100%;
  display: block;
}
#resetModal #rm-msg {
  margin-top: 8px;
  margin-bottom: 0;
  min-height: 18px;
  font-size: 15px;
  text-align: left;
}

/* OTP (6 окошек) */
.rstm-otp-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10px 0 38px 0; /* увеличенный отступ снизу */
  width: 100%;
}
.rstm-otp{
  display:grid; grid-template-columns:repeat(6, 1fr); gap:12px;
  max-width:420px;
}
.rstm-otp input{
  width:100%; height:56px;
  text-align:center; font-size:26px; font-weight:900; letter-spacing:.02em;
  color:#fff; background:#121212; border:2px solid #121214; border-radius:14px;
  outline:none; caret-color:transparent; /* убираем каретку */
  transition:border-color .15s, box-shadow .15s, background .15s;
}
.rstm-otp input:focus{ border-color:#7a3cff; box-shadow:0 0 0 3px rgba(122,60,255,.25); }
.rstm-otp input.filled{ background:#171c33; border-color:#505a86; }

.rstm-otp-actions{ margin:8px 0 0; display:flex; align-items:center; gap:10px; color:#bcc5db; }
.rstm-otp-actions .rstm-timer{ opacity:.95; }
.rstm-otp-actions .rstm-resend{
  background:none; border:0; padding:0; margin-left:6px; color:#7a3cff; font-weight:800; cursor:pointer;
}
.rstm-otp-actions .rstm-resend[disabled]{ color:#7a7b92; cursor:not-allowed; }

/* ======= Fullscreen для ≤900 и ≤600 ======= */
@media (max-width:900px){
  #resetModal{ align-items:flex-start; }
  #resetModal .rstm-card{
    width:100vw; max-width:none;
    height:100vh; max-height:none;
    border-radius:0; border:0;
    padding:26px 22px 22px;
    box-shadow:none;  color:#fff;
  }
  #resetModal .rstm-title{ font-size:32px; }
  .rstm-otp input{ height:58px; font-size:26px; }
}
@media (max-width:600px){
  #resetModal .rstm-card{ padding:24px 16px 16px; }
  #resetModal .rstm-title{ font-size:auto; }
  .rstm-otp{ gap:10px; }
  .rstm-otp input{ height:56px; font-size:24px; border-radius:12px; }
}