.kva-page{padding:38px 20px 64px;display:flex;justify-content:center}
.kva-shell{width:100%;max-width:430px}
.kva-promo{display:none}
.kva-promo-in{
    position:relative;flex:1;min-width:0;padding:34px 32px 30px;
    display:flex;flex-direction:column;border-radius:var(--kv-r-lg);overflow:hidden;color:#fff;
    background:radial-gradient(120% 90% at 92% 4%,rgba(232,95,77,.55) 0%,rgba(232,95,77,0) 58%),
        linear-gradient(140deg,#0E1530 0%,#1B2559 58%,#26326F 100%);
}
.kva-promo-slides{position:relative;flex:1;display:flex;align-items:center;min-height:214px}
.kva-promo-s{
    position:absolute;left:0;right:0;max-width:560px;opacity:0;transform:translateX(26px);pointer-events:none;
    transition:opacity .5s ease,transform .5s ease;
}
.kva-promo-s.is-on{opacity:1;transform:none;pointer-events:auto}
.kva-promo-ic{
    width:46px;height:46px;border-radius:14px;margin-bottom:18px;
    display:inline-flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.14);font-size:18px;
}
.kva-promo-s b{display:block;margin-bottom:11px;font-size:25px;line-height:1.25;font-weight:800;letter-spacing:-.02em}
.kva-promo-s p{margin:0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.82)}
.kva-promo-dots{display:flex;gap:8px;padding-top:24px}
.kva-promo-dot{
    width:10px;height:10px;padding:0;border:0;border-radius:50%;cursor:pointer;
    background:rgba(255,255,255,.35);transition:width .25s,background .25s,border-radius .25s;
}
.kva-promo-dot:hover{background:rgba(255,255,255,.6)}
.kva-promo-dot.is-on{width:28px;border-radius:6px;background:#fff}
.kva-promo-mps{margin-top:18px;font-size:12px;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.6)}
@media (min-width:1000px){
    .kva-page{padding-left:24px;padding-right:24px}
    .kva-shell{
        max-width:calc(var(--kv-max) - 48px);
        display:grid;grid-template-columns:430px minmax(0,1fr);gap:22px;align-items:stretch;
    }
    .kva-promo{display:flex}
}
@media (min-width:1000px) and (max-width:1180px){
    .kva-shell{gap:18px}
    .kva-promo-in{padding:28px 26px 26px}
    .kva-promo-s b{font-size:22px}
    .kva-promo-s p{font-size:14px}
}
.kva-dialog{
    width:100%;display:flex;flex-direction:column;overflow:hidden;
    background:var(--kv-bg);border-radius:var(--kv-r-lg);
    border:1px solid var(--kv-line);
}
.kva-head{
    flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:13px 14px 13px 18px;border-bottom:1px solid var(--kv-line-2);
}
.kva-head-l{display:flex;align-items:center;gap:11px;min-width:0}
.kva-head-ic{
    flex:none;width:36px;height:36px;border-radius:11px;
    background:var(--kv-accent-soft);display:flex;align-items:center;justify-content:center;
    color:var(--kv-accent);font-size:15px;
}
.kva-head b{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--kv-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kva-x{
    flex:none;width:34px;height:34px;border:none;border-radius:11px;
    background:var(--kv-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;
    color:var(--kv-body);font-size:14px;transition:background .16s;
}
.kva-x:hover{background:var(--kv-line-2)}
.kva-body{padding:16px 20px 20px}
.kva-sub{margin:0 0 15px;font-size:13.5px;line-height:1.5;color:var(--kv-body);text-align:center}
.kva-mode{display:flex;gap:10px;margin-bottom:18px}
.kva-mode-b{
    flex:1;height:40px;border:1px solid var(--kv-line);border-radius:12px;background:var(--kv-bg);cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    font-size:13.5px;font-weight:650;color:var(--kv-body);
    transition:border-color .16s,background .16s,color .16s,box-shadow .16s;
}
.kva-mode-b i{font-size:12.5px;color:var(--kv-muted);transition:color .16s}
.kva-mode-b:hover{border-color:#cbd5e1;background:var(--kv-soft)}
.kva-mode-b.is-on{
    border-color:var(--kv-accent);background:var(--kv-accent-soft);color:var(--kv-accent-2);
    box-shadow:0 0 0 3px rgba(232,95,77,.1);
}
.kva-mode-b.is-on i{color:var(--kv-accent)}
.kva-pane{display:flex;flex-direction:column;gap:14px}
.kva-input{
    width:100%;height:47px;padding:0 15px;border:1px solid var(--kv-line);border-radius:13px;
    background:var(--kv-bg);color:var(--kv-ink);font:inherit;font-size:15px;
    transition:border-color .16s,box-shadow .16s;
}
.kva-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;opacity:0;pointer-events:none}
.kva-input::placeholder{color:var(--kv-muted)}
.kva-input:focus{outline:none;border-color:var(--kv-accent);box-shadow:0 0 0 3px rgba(232,95,77,.14)}
.kva-input.is-bad{border-color:var(--kv-bad);box-shadow:0 0 0 3px rgba(224,65,58,.12)}
.kva-go{
    width:100%;height:47px;border:none;border-radius:13px;cursor:pointer;
    background:linear-gradient(135deg,var(--kv-accent),var(--kv-accent-2));color:#fff;
    font-size:15px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;
    transition:filter .16s,transform .06s,opacity .16s;
}
.kva-go:hover{filter:brightness(1.06)}
.kva-go:active{transform:translateY(1px)}
.kva-go:disabled{opacity:.6;cursor:default;transform:none;filter:none}
.kva-go i{font-size:14px}
.kva-link{
    width:100%;height:38px;border:none;border-radius:11px;background:transparent;cursor:pointer;
    font-size:13px;font-weight:600;color:var(--kv-body);
    display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .16s,color .16s;
}
.kva-link:hover{background:var(--kv-soft);color:var(--kv-ink)}
.kva-code{border:1px solid var(--kv-line);border-radius:16px;background:var(--kv-soft-2);padding:16px;text-align:center}
.kva-code-lbl{font-size:13.5px;font-weight:650;color:var(--kv-ink);display:flex;align-items:center;justify-content:center;gap:8px}
.kva-code-lbl i{color:var(--kv-accent)}
.kva-code-p{margin:6px 0 13px;font-size:12.5px;line-height:1.5;color:var(--kv-muted)}
.kva-code-spam{
    margin:0 0 13px;padding:9px 12px;border-radius:11px;
    border:1px solid var(--kv-line);background:var(--kv-bg);
    font-size:11.8px;line-height:1.5;color:var(--kv-body);text-align:left;
    display:flex;align-items:flex-start;gap:8px;
}
.kva-code-spam i{flex:none;margin-top:2px;font-size:11px;color:var(--kv-accent)}
.kva-otp{position:relative;display:flex;justify-content:center;gap:8px}
.kva-otp-i{
    width:100%;max-width:50px;height:56px;min-width:0;padding:0;
    border:1px solid var(--kv-line);border-radius:13px;background:var(--kv-bg);
    text-align:center;font-family:'JetBrains Mono','Inter',monospace;
    font-size:24px;font-weight:750;color:var(--kv-ink);
    transition:border-color .16s,box-shadow .16s,background .16s,opacity .2s,transform .2s;
    -moz-appearance:textfield;
}
.kva-otp-i::-webkit-outer-spin-button,
.kva-otp-i::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.kva-otp-i:focus{outline:none;border-color:var(--kv-accent);box-shadow:0 0 0 3px rgba(232,95,77,.16)}
.kva-otp-i.is-full{background:var(--kv-accent-soft);border-color:rgba(232,95,77,.3)}
.kva-otp.is-bad .kva-otp-i{border-color:#e0736c;background:#fdf1f0;animation:kvaShake .34s}
@keyframes kvaShake{0%,100%{transform:none}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.kva-otp-ok{
    position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;
    background:var(--kv-ok);display:flex;align-items:center;justify-content:center;
    opacity:0;transform:scale(.6);pointer-events:none;color:#fff;font-size:22px;
    transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .34s cubic-bezier(.34,1.56,.64,1);
}
.kva-otp.is-ok .kva-otp-i{opacity:0;transform:scale(.9)}
.kva-otp.is-ok .kva-otp-ok{opacity:1;transform:scale(1)}
.kva-code .kva-go{margin-top:11px}
.kva-code .kva-link{margin-top:4px}
.kva-soon{
    display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 13px;
    border:1px solid rgba(232,95,77,.28);border-radius:14px;background:var(--kv-accent-soft);
    font-size:12.6px;line-height:1.5;color:var(--kv-body);
}
.kva-soon i{flex:none;margin-top:2px;font-size:14px;color:var(--kv-accent)}
.kva-status{
    margin-top:12px;padding:11px 13px;border-radius:12px;font-size:12.8px;line-height:1.5;
    border:1px solid var(--kv-line);background:var(--kv-soft);color:var(--kv-body);
}
.kva-status.is-err{border-color:#f6c9c6;background:#fdf1f0;color:#a12820}
.kva-status.is-ok{border-color:#bfe8d6;background:#eefaf4;color:#0b7a51}
.kva-consent-wrap{margin-top:18px}
.kva-consent{display:flex;align-items:flex-start;gap:8px;margin:0;cursor:pointer;font-size:10.6px;line-height:1.5;color:var(--kv-muted)}
.kva-consent input{position:absolute;opacity:0;width:0;height:0}
.kva-check{
    flex:none;width:17px;height:17px;margin-top:1px;border:2px solid var(--kv-line);border-radius:6px;
    background:var(--kv-bg);display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:9px;transition:border-color .16s,background .16s;
}
.kva-check i{opacity:0;transition:opacity .16s}
.kva-consent input:checked + .kva-check{border-color:var(--kv-ok);background:var(--kv-ok)}
.kva-consent input:checked + .kva-check i{opacity:1}
.kva-consent a{color:inherit;text-decoration:underline}
.kva-consent.is-hint .kva-check{animation:kvaBlink .5s ease 5}
@keyframes kvaBlink{0%,100%{box-shadow:0 0 0 0 rgba(232,95,77,0)}50%{box-shadow:0 0 0 4px rgba(232,95,77,.3);border-color:var(--kv-accent)}}
.kva-docs-t{
    border:0;padding:0;background:none;cursor:pointer;font:inherit;color:inherit;
    text-decoration:underline;display:inline-flex;align-items:center;gap:4px;
}
.kva-docs-t i{font-size:8px;transition:transform .2s}
.kva-docs-t[aria-expanded="true"] i{transform:rotate(180deg)}
.kva-docs{
    margin:10px 0 0 25px;padding:11px 12px;border:1px solid var(--kv-line);border-radius:12px;
    background:var(--kv-soft-2);display:flex;flex-direction:column;gap:9px;
}
.kva-docs[hidden]{display:none}
.kva-doc{display:flex;align-items:flex-start;gap:8px;font-size:10.8px;line-height:1.45}
.kva-doc-c{
    flex:none;width:15px;height:15px;margin-top:1px;border-radius:5px;
    border:1px solid var(--kv-line-2);background:var(--kv-bg);
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;
}
.kva-doc-c i{opacity:0}
.kva-doc-c.is-req{border-color:var(--kv-ok);background:var(--kv-ok)}
.kva-doc-c.is-req i{opacity:1}
.kva-doc-opt{flex:none;display:flex;cursor:pointer;margin-top:1px}
.kva-doc-opt input{position:absolute;opacity:0;width:0;height:0}
.kva-doc-opt .kva-doc-c{margin-top:0;transition:background .16s,border-color .16s}
.kva-doc-opt:hover .kva-doc-c{border-color:var(--kv-ok)}
.kva-doc-opt input:checked + .kva-doc-c{border-color:var(--kv-ok);background:var(--kv-ok)}
.kva-doc-opt input:checked + .kva-doc-c i{opacity:1}
.kva-doc-opt input:focus-visible + .kva-doc-c{box-shadow:0 0 0 3px rgba(232,95,77,.25)}
.kva-doc-i{flex:none;width:14px;margin-top:2px;font-size:10px;color:var(--kv-muted);text-align:center}
.kva-doc a{color:var(--kv-body);text-decoration:underline;text-underline-offset:2px}
.kva-doc a:hover{color:var(--kv-accent-2)}
.kva-doc-tag{
    flex:none;margin-left:auto;padding:1px 7px;border-radius:100px;
    background:var(--kv-line-2);color:var(--kv-muted);font-size:9.6px;font-weight:600;white-space:nowrap;
}
.kva-soc{margin-top:18px}
.kva-soc-or{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--kv-muted);font-size:12.5px}
.kva-soc-or::before,.kva-soc-or::after{content:"";flex:1;height:1px;background:var(--kv-line)}
.kva-soc-ya{
    display:flex;align-items:center;justify-content:center;gap:10px;
    width:100%;height:47px;border:1px solid var(--kv-line);border-radius:13px;
    background:var(--kv-bg);color:var(--kv-ink);font-size:14.5px;font-weight:650;
    transition:border-color .16s,background .16s,transform .06s;
}
.kva-soc-ya:hover{border-color:#cbd5e1;background:var(--kv-soft)}
.kva-soc-ya:active{transform:translateY(1px)}
.kva-soc-ya-l{
    flex:none;width:26px;height:26px;border-radius:50%;background:#fc3f1d;color:#fff;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:1;
}
.kva-soc-row{display:flex;gap:9px;margin-top:10px}
.kva-soc-b{
    flex:1;height:47px;border:1px solid var(--kv-line);border-radius:13px;background:var(--kv-bg);
    display:inline-flex;align-items:center;justify-content:center;
    font-size:21px;font-weight:800;line-height:1;
    transition:border-color .16s,background .16s,transform .06s;
}
.kva-soc-b:hover{border-color:#cbd5e1;background:var(--kv-soft)}
.kva-soc-b:active{transform:translateY(1px)}
.kva-soc-vk{color:#0077ff}
.kva-soc-mail{color:#005ff9}
.kva-soc-ok{color:#f7931e}
.kva-soc-note{margin:12px 0 0;font-size:11.4px;line-height:1.5;color:var(--kv-muted)}
.kva-soc-note a{color:var(--kv-accent-2);font-weight:650;text-decoration:underline}
.kva-forgot{margin-top:2px;color:var(--kv-muted);font-weight:600}
.kva-forgot:hover{color:var(--kv-accent-2)}
.kva-alt{margin:18px 0 0;text-align:center;font-size:13px;color:var(--kv-body)}
.kva-alt a{color:var(--kv-accent-2);font-weight:650}
.kva-alt a:hover{text-decoration:underline}
@media (max-width:640px){
    .kva-page{padding:22px 14px 44px}
}
@media (max-width:560px){
    .kva-body{padding:14px 16px 18px}
    .kva-code{padding:14px 12px}
    .kva-otp{gap:6px}
    .kva-otp-i{max-width:46px;height:50px;font-size:21px;border-radius:11px}
    .kva-otp-ok{width:50px;height:50px}
}
