.skr-form-wrap{--skr-navy:#10213d;--skr-orange:#ed5a21;width:100%}
.skr-form{display:block;width:100%}
.skr-grid{display:flex;flex-wrap:wrap;gap:18px 2%}
.skr-field{box-sizing:border-box;margin:0 0 18px;width:100%}
.skr-grid .skr-field{margin:0}
.skr-width-50{width:49%}.skr-width-33{width:32%}.skr-width-100{width:100%}
.skr-field label{display:block;margin-bottom:7px;font-weight:600}
.skr-field input,.skr-field select{box-sizing:border-box;width:100%;min-height:48px;padding:10px 14px;border:1px solid #d7dbe2;border-radius:6px;background:#fff}
.skr-check{display:flex!important;align-items:flex-start;gap:9px;line-height:1.45}
.skr-check input{width:auto!important;min-height:0!important;margin-top:4px}
.skr-checkbox-field{padding:4px 0}
.skr-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border:0;border-radius:6px;background:var(--skr-navy);color:#fff;font-weight:700;cursor:pointer}
.skr-captcha{margin:18px 0}
.skr-message{margin:0 0 20px;padding:13px 16px;border-radius:6px}
.skr-error{background:#fff1f0;color:#8b1e16;border:1px solid #f0c3bf}
.skr-success{background:#eef9f0;color:#1d6530;border:1px solid #bfe2c6}
@media(max-width:767px){.skr-width-50,.skr-width-33{width:100%}}
.skr-sms-verification{margin:22px 0;padding:18px;border:1px solid #e0e3e8;border-left:4px solid var(--skr-orange);border-radius:8px;background:#fafbfc}
.skr-sms-verification h4{margin:0 0 6px;color:var(--skr-navy);font-size:17px}
.skr-sms-verification p{margin:0 0 14px;color:#58606b}
.skr-button-secondary{margin-bottom:10px;background:#fff;color:var(--skr-navy);border:1px solid var(--skr-navy)}
.skr-button-secondary:hover{background:#f3f5f8}
.skr-sms-status{min-height:20px;margin:4px 0 12px;font-size:14px;font-weight:600}
.skr-sms-status.is-ok{color:#1d6530}.skr-sms-status.is-error{color:#8b1e16}
.skr-sms-code-field{max-width:300px;margin:10px 0 0}
.skr-otp-input{font-size:22px!important;font-weight:700;letter-spacing:.18em;text-align:center}
.skr-sms-login-info{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;padding:14px 16px;border-left:4px solid var(--skr-orange);border-radius:6px;background:#fff7f1}
.skr-sms-login-info strong{color:var(--skr-navy)}
.skr-form-help{margin:12px 0 0;color:#68707b;font-size:13px}
.skr-login-wrap{box-sizing:border-box}
.skr-login-title{margin:0 0 20px}
.skr-login-wrap .skr-button{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
/* Login inputs: keep one clean focus border and neutralize theme/browser rings. */
.skr-login-wrap .skr-field input:not([type="checkbox"]):focus,
.skr-login-wrap .skr-field input:not([type="checkbox"]):focus-visible,
.skr-login-wrap .skr-field input:not([type="checkbox"]):active{outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;}
.skr-login-preview form{pointer-events:none}

.skr-login-views{--skr-login-slide-duration:350ms;--skr-login-slide-distance:70px;position:relative;overflow:hidden;width:100%;transition:height var(--skr-login-slide-duration) ease}
.skr-login-view{box-sizing:border-box;width:100%}.skr-login-view[hidden]{display:none!important}
.skr-login-reset-link,.skr-login-back{display:block;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;text-decoration:none}
.skr-login-reset-link{margin:14px 0 0;color:var(--skr-navy);font-size:14px;font-weight:600}
.skr-login-back{margin:14px 0 0;color:#68707b;font-size:14px;font-weight:600}
.skr-login-reset-link:hover,.skr-login-back:hover{text-decoration:underline;background:none}
.skr-login-reset-title{margin:0 0 8px;color:var(--skr-navy);font-size:20px;line-height:1.25}
.skr-login-reset-description{margin:0 0 18px;color:#68707b;line-height:1.55}
.skr-login-reset-view{box-sizing:border-box}
.skr-login-enter-right{animation:skrLoginEnterRight var(--skr-login-slide-duration) ease both}
.skr-login-enter-left{animation:skrLoginEnterLeft var(--skr-login-slide-duration) ease both}
.skr-login-exit-left{animation:skrLoginExitLeft var(--skr-login-slide-duration) ease both}
.skr-login-exit-right{animation:skrLoginExitRight var(--skr-login-slide-duration) ease both}
@keyframes skrLoginEnterRight{from{opacity:.2;transform:translateX(var(--skr-login-slide-distance))}to{opacity:1;transform:translateX(0)}}
@keyframes skrLoginEnterLeft{from{opacity:.2;transform:translateX(calc(var(--skr-login-slide-distance) * -1))}to{opacity:1;transform:translateX(0)}}
@keyframes skrLoginExitLeft{from{opacity:1;transform:translateX(0)}to{opacity:.15;transform:translateX(calc(var(--skr-login-slide-distance) * -1))}}
@keyframes skrLoginExitRight{from{opacity:1;transform:translateX(0)}to{opacity:.15;transform:translateX(var(--skr-login-slide-distance))}}
@media(prefers-reduced-motion:reduce){.skr-login-views{transition:none}.skr-login-enter-right,.skr-login-enter-left,.skr-login-exit-left,.skr-login-exit-right{animation:none}}