/* Казачий диктант — V12 | Support & password recovery dialogs */
#supportModal.kd-flow-overlay,
#resetModal.kd-flow-overlay {
  align-items:center;justify-content:center;box-sizing:border-box;padding:20px;
  background:rgba(2,13,29,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  z-index:2300;
}
#supportModal .kd-flow-panel,
#resetModal .kd-flow-panel {
  --kd-fg:#142d48;--kd-dim:#64778d;
  position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  margin:auto;padding:0!important;width:min(900px,calc(100vw - 36px))!important;
  max-width:min(900px,calc(100vw - 36px))!important;max-height:calc(100dvh - 40px);
  border-radius:30px!important;overflow:auto!important;background:#fff!important;
  border:1px solid rgba(255,255,255,.84);color:var(--kd-fg);
  box-shadow:0 44px 110px rgba(0,9,28,.44),0 1px 0 rgba(255,255,255,.9) inset;
  font-family:Rubik,Arial,sans-serif;
  scrollbar-width:thin;scrollbar-color:#ccd8e6 transparent;
}
#resetModal .kd-flow-panel {width:min(835px,calc(100vw - 36px))!important;max-width:min(835px,calc(100vw - 36px))!important;}
#supportModal .kd-flow-panel::-webkit-scrollbar,#resetModal .kd-flow-panel::-webkit-scrollbar{width:6px;}
#supportModal .kd-flow-panel::-webkit-scrollbar-thumb,#resetModal .kd-flow-panel::-webkit-scrollbar-thumb{background:#ccd8e6;border-radius:10px;}
#supportModal .kd-flow-aside,#resetModal .kd-flow-aside {
  min-width:0;min-height:535px;box-sizing:border-box;padding:45px 31px 32px;
  display:flex;flex-direction:column;align-items:flex-start;
  background:radial-gradient(ellipse at 80% 3%,rgba(69,132,182,.36),transparent 49%),
    radial-gradient(ellipse at 15% 96%,rgba(223,166,87,.15),transparent 46%),
    linear-gradient(158deg,#0d2b4b,#123c65 53%,#0a2341);
  color:#fff;position:relative;overflow:hidden;
}
#supportModal .kd-flow-aside::after,#resetModal .kd-flow-aside::after{
  content:"";pointer-events:none;position:absolute;width:360px;height:360px;
  border:1px solid rgba(248,202,126,.17);border-radius:50%;top:190px;left:-185px;
  box-shadow:0 0 0 49px rgba(245,190,104,.04),0 0 0 100px rgba(245,190,104,.026);
}
#supportModal .kd-flow-overline,#resetModal .kd-flow-overline{font:700 10px/1.6 Rubik,Arial,sans-serif;letter-spacing:.2em;color:#eabf81;}
#supportModal .kd-flow-emblem,#resetModal .kd-flow-emblem{
  width:82px;height:82px;box-sizing:border-box;display:grid;place-items:center;margin:64px 0 23px;
  border-radius:25px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);
  box-shadow:0 14px 40px rgba(0,0,0,.12);color:#ffcc83;
}
#supportModal .kd-flow-aside h2,#resetModal .kd-flow-aside h2{
  margin:0 0 13px;font:800 clamp(29px,3.2vw,37px)/1.13 Rubik,Arial,sans-serif;color:#fff;letter-spacing:-.04em;
}
#supportModal .kd-flow-aside p,#resetModal .kd-flow-aside p{
  margin:0;color:#c9d9e8;font:400 14px/1.75 Rubik,Arial,sans-serif;max-width:275px;
}
#supportModal .kd-flow-aside-footer,#resetModal .kd-flow-aside-footer{
  display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:40px;
  color:#dfebf4;font:500 12px/1.5 Rubik,Arial,sans-serif;
}
#supportModal .kd-flow-aside-dot,#resetModal .kd-flow-aside-dot{width:8px;height:8px;border-radius:50%;background:#f4bd72;box-shadow:0 0 0 5px rgba(244,189,114,.15);}
#supportModal .kd-flow-main,#resetModal .kd-flow-main{padding:clamp(28px,4.4vw,48px) clamp(23px,4.1vw,47px);box-sizing:border-box;min-width:0;}
#supportModal .kd-flow-kicker,#resetModal .kd-flow-kicker{color:#4d7ba6;font:700 10px/1.5 Rubik,Arial,sans-serif;letter-spacing:.17em;margin:1px 0 14px;}
#supportModal .kd-flow-main h2,#resetModal .kd-flow-main h2{
  margin:0 38px 10px 0;text-align:left;color:#142d48;
  font:800 clamp(27px,3.2vw,37px)/1.16 Rubik,Arial,sans-serif;letter-spacing:-.042em;
}
#supportModal .kd-flow-description,#resetModal .kd-flow-description{margin:0 0 27px;color:#6d8094;font:400 14px/1.65 Rubik,Arial,sans-serif;}
#supportModal .kd-flow-close,#resetModal .kd-flow-close{
  position:absolute;top:18px;right:19px;z-index:4;margin:0;padding:0;display:grid;place-items:center;
  width:42px;height:42px;line-height:1;font:400 27px/1 Arial,sans-serif;
  background:#f1f5fa;color:#526a81;border:1px solid #e0e9f2;border-radius:13px;
  cursor:pointer;transition:background .18s,color .18s,transform .18s;
}
#supportModal .kd-flow-close:hover,#resetModal .kd-flow-close:hover,#supportModal .kd-flow-close:focus-visible,#resetModal .kd-flow-close:focus-visible{
  outline:2px solid #b4cde8;background:#143e65;color:#fff;transform:rotate(90deg);
}
#supportModal .kd-flow-form,#resetModal .kd-flow-form {display:flex;flex-direction:column;width:100%;margin:0;gap:0;}
#supportModal .kd-flow-form label,#resetModal .kd-flow-form label {
  display:block;margin:0 0 8px;color:#2a4661;font:600 13px/1.4 Rubik,Arial,sans-serif;
}
#supportModal .kd-flow-form label:not(:first-child),#resetModal .kd-flow-form label:not(:first-child){margin-top:19px;}
#supportModal .kd-flow-form label span,#resetModal .kd-flow-form label span{color:#bd7a32;}
#supportModal .kd-flow-form input,#resetModal .kd-flow-form input,
#supportModal .kd-flow-form textarea {
  display:block;box-sizing:border-box;width:100%!important;max-width:100%!important;min-height:54px;
  margin:0!important;padding:15px 17px!important;border:1px solid #d8e3ef!important;
  background:#f8fbff!important;color:#17344f!important;border-radius:15px!important;
  font:500 15px/1.45 Rubik,Arial,sans-serif!important;
  box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;
  transition:background .16s,border-color .16s,box-shadow .16s;
}
#supportModal .kd-flow-form textarea {min-height:138px!important;resize:vertical;max-height:260px;}
#supportModal .kd-flow-form input::placeholder,#resetModal .kd-flow-form input::placeholder,#supportModal .kd-flow-form textarea::placeholder{color:#8999ab;opacity:1;font-weight:400;}
#supportModal .kd-flow-form input:focus,#resetModal .kd-flow-form input:focus,#supportModal .kd-flow-form textarea:focus {
  outline:0;background:#fff!important;border-color:#377fb9!important;box-shadow:0 0 0 4px rgba(55,127,185,.13)!important;
}
#supportModal .kd-flow-field-foot{display:flex;justify-content:space-between;gap:10px;margin:9px 0 2px;color:#8494a7;font:400 11px/1.4 Rubik,Arial,sans-serif;}
#supportModal .kd-flow-form .kd-flow-primary,#resetModal .kd-flow-form .kd-flow-primary,
#resetModal .kd-flow-success .kd-flow-primary{
  box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%!important;max-width:100%!important;min-height:56px;
  padding:15px 21px!important;margin:21px 0 0!important;
  border:0!important;border-radius:15px!important;
  background:linear-gradient(135deg,#153c62,#236ca4)!important;color:#fff!important;
  font:700 15px/1.4 Rubik,Arial,sans-serif!important;text-align:left;
  text-transform:none!important;letter-spacing:0!important;
  cursor:pointer;box-shadow:0 16px 28px rgba(21,60,98,.18)!important;transition:filter .17s,transform .17s;
}
#supportModal .kd-flow-primary:hover,#resetModal .kd-flow-primary:hover {filter:brightness(1.09);transform:translateY(-1px);}
#supportModal .kd-flow-primary:disabled{opacity:.55;cursor:wait;transform:none;}
#supportModal .kd-flow-alert,#resetModal .kd-flow-alert {
  width:auto;max-width:none;margin:15px 0 0;padding:11px 13px;color:#a92e45;
  background:#fff2f4;border:1px solid #ecc9d0;border-radius:13px;
  text-align:left;font:500 13px/1.5 Rubik,Arial,sans-serif;
}
#supportModal .kd-flow-alert-good,#resetModal .kd-flow-alert-good{color:#116d51;background:#e8f8f1;border-color:#bee7d7;}
#supportModal [hidden],#resetModal [hidden]{display:none!important;}
#supportModal .kd-flow-success,#resetModal .kd-flow-success{padding:22px 0 0;text-align:left;}
#supportModal .kd-flow-success-icon,#resetModal .kd-flow-success-icon{
  display:grid;place-items:center;width:57px;height:57px;margin:0 0 17px;
  border-radius:18px;background:#e6f8ef;color:#177b57;font:800 28px/1 Rubik,Arial,sans-serif;
}
#supportModal .kd-flow-success h3,#resetModal .kd-flow-success h3{
  margin:0 0 8px;color:#193650;font:800 22px/1.25 Rubik,Arial,sans-serif;text-align:left;
}
#supportModal .kd-flow-success p,#resetModal .kd-flow-success p{margin:0 0 19px;color:#647b90;font:400 14px/1.7 Rubik,Arial,sans-serif;}
#supportModal .kd-flow-secondary{border:1px solid #bfcfe0;background:#eef5fd;color:#153e62;border-radius:13px;cursor:pointer;min-height:45px;padding:10px 17px;font:700 13px Rubik,Arial,sans-serif;}
#resetModal .kd-flow-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;}
#resetModal .kd-flow-step{display:flex;align-items:center;gap:9px;min-height:35px;box-sizing:border-box;padding:8px 10px;
  border-radius:11px;background:#f3f7fb;color:#7d90a4;font:800 12px/1 Rubik,Arial,sans-serif;border:1px solid #e6edf5;}
#resetModal .kd-flow-step small{font:600 11px/1.4 Rubik,Arial,sans-serif;}
#resetModal .kd-flow-step-active{background:#e6f2fd;color:#255a8b;border-color:#bedaf0;}
#resetModal .kd-flow-step-done{background:#eaf8f1;color:#167a5b;border-color:#cce8db;}
#resetModal .kd-flow-small-note{margin:0 0 16px;color:#6e8194;font:400 12px/1.6 Rubik,Arial,sans-serif;}
#resetModal .kd-flow-code{font:700 23px/1 Rubik,Arial,sans-serif!important;letter-spacing:.19em!important;}
#resetModal .kd-flow-password-wrap{position:relative;}
#resetModal .kd-flow-password-wrap input{padding-right:105px!important;}
#resetModal .kd-flow-password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:600 12px Rubik,Arial,sans-serif;
  padding:10px 12px;background:#e6eef7;border:0;border-radius:10px;color:#285277;cursor:pointer;}
#resetModal .kd-flow-password-wrap button:hover{background:#d8e7f6;}
#resetModal .kd-flow-text-link{display:inline-block;margin:16px 0 0;color:#235e8c;text-decoration:none;font:600 12px Rubik,Arial,sans-serif;}
#resetModal .kd-flow-text-link:hover{text-decoration:underline;}
#resetModal .kd-flow-bottom{padding-top:18px;margin:18px 0 0;border-top:1px solid #eaf0f6;color:#74869a;font:400 12px/1.5 Rubik,Arial,sans-serif;}
#resetModal .kd-flow-bottom a{color:#216294;font-weight:700;text-decoration:none;}
#resetModal .kd-flow-bottom a:hover{text-decoration:underline;}
@media(max-width:760px){
  #supportModal.kd-flow-overlay,#resetModal.kd-flow-overlay{padding:12px;}
  #supportModal .kd-flow-panel,#resetModal .kd-flow-panel{grid-template-columns:1fr;max-height:calc(100dvh - 24px);border-radius:23px!important;}
  #supportModal .kd-flow-aside,#resetModal .kd-flow-aside{min-height:0;padding:20px 24px 19px;}
  #supportModal .kd-flow-aside .kd-flow-emblem,#resetModal .kd-flow-aside .kd-flow-emblem{margin:12px 0 10px;width:48px;height:48px;border-radius:15px;}
  #supportModal .kd-flow-emblem svg,#resetModal .kd-flow-emblem svg{width:29px;height:29px;}
  #supportModal .kd-flow-aside h2,#resetModal .kd-flow-aside h2{font-size:23px;margin:0 0 6px;}
  #supportModal .kd-flow-aside p,#resetModal .kd-flow-aside p{font-size:12px;line-height:1.5;max-width:390px;}
  #supportModal .kd-flow-aside-footer,#resetModal .kd-flow-aside-footer{display:none;}
  #supportModal .kd-flow-main,#resetModal .kd-flow-main{padding:22px 23px 26px;}
  #supportModal .kd-flow-main h2,#resetModal .kd-flow-main h2{font-size:27px;margin-right:25px;}
  #supportModal .kd-flow-close,#resetModal .kd-flow-close{top:14px;right:14px;background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.2);color:#fff;}
}
@media(max-width:420px){
  #supportModal.kd-flow-overlay,#resetModal.kd-flow-overlay{padding:7px;}
  #supportModal .kd-flow-panel,#resetModal .kd-flow-panel{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;
    max-height:calc(100dvh - 14px);border-radius:20px!important;}
  #supportModal .kd-flow-aside,#resetModal .kd-flow-aside{padding:17px 19px 17px;}
  #supportModal .kd-flow-main,#resetModal .kd-flow-main{padding:19px 19px 25px;}
  #supportModal .kd-flow-main h2,#resetModal .kd-flow-main h2{font-size:25px;}
  #supportModal .kd-flow-description,#resetModal .kd-flow-description{font-size:13px;margin-bottom:18px;}
  #supportModal .kd-flow-form textarea{min-height:108px!important;}
  #supportModal .kd-flow-form input,#resetModal .kd-flow-form input{min-height:51px;}
}
@media(prefers-reduced-motion:reduce){#supportModal *,#resetModal *{transition:none!important;}}
/* CSRF field must never affect form layout. */
#supportModal .kd-flow-form input[type="hidden"] {display:none!important;}