/* === Modal header (title) === */
#oneTimeAlert.oneTimeAlert .ota-header{
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, .12),
    rgba(37, 99, 235, .04)
  );
  border: 1px solid rgba(37, 99, 235, .25);
  text-align: center;
}

#oneTimeAlert.oneTimeAlert .ota-header .no_login_help{
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: .2px;
  color: #0f172a;
}
#oneTimeAlert.oneTimeAlert .ota-header::before{
  content: "⚠️";
  display: block;
  font-size: 22px;
  margin-bottom: 4px;
}

/* === One-time alert modal === */
#oneTimeAlert.oneTimeAlert{
  width: min(980px, calc(100vw - 48px));
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .10);
  box-shadow: 0 16px 50px rgba(15, 23, 42, .18);
}

/* если у вас есть внутренние паддинги на #loginContent — можно оставить,
   но обычно лучше задать тут */
#oneTimeAlert.oneTimeAlert #loginContent{
  padding: 18px;
}

/* paragraphs */
#oneTimeAlert.oneTimeAlert .no_login_help{
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(15, 23, 42, .88);
}

/* sections as cards */
#oneTimeAlert.oneTimeAlert .ota-section{
  position: relative;
  padding: 14px 14px 14px 16px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 12px;
  background: #fff;
}

#oneTimeAlert.oneTimeAlert .ota-section + .ota-section{
  margin-top: 12px;
}

/* left accent stripe */
#oneTimeAlert.oneTimeAlert .ota-section::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width: 4px;
  border-radius: 4px;
  background: rgba(37, 99, 235, .75);
}

/* variants */
#oneTimeAlert.oneTimeAlert .ota-warn{
  background: #fff7ed;
  border-color: rgba(234, 88, 12, .25);
}
#oneTimeAlert.oneTimeAlert .ota-warn::before{ background: rgba(234, 88, 12, .85); }

#oneTimeAlert.oneTimeAlert .ota-info{
  background: #f8fafc;
  border-color: rgba(2, 132, 199, .20);
}
#oneTimeAlert.oneTimeAlert .ota-info::before{ background: rgba(2, 132, 199, .70); }

#oneTimeAlert.oneTimeAlert .ota-primary{
  background: #f8fafc;
  border-color: rgba(37, 99, 235, .20);
}
#oneTimeAlert.oneTimeAlert .ota-primary::before{ background: rgba(37, 99, 235, .85); }

/* button area */
#oneTimeAlert.oneTimeAlert .form-actions{
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
}

/* если ваша .btn-primary выглядит “плоско” — слегка улучшим, не ломая стиль */
#oneTimeAlert.oneTimeAlert .btn-primary{
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(37, 99, 235, .22);
}

/* mobile tweaks */
@media (max-width: 520px){
  #oneTimeAlert.oneTimeAlert #loginContent{ padding: 14px; }
  #oneTimeAlert.oneTimeAlert .no_login_help{ font-size: 13px; }
}