body.konnexy-login-open{overflow:hidden}#konnexy-login-modal-overlay{display:none;position:fixed;inset:0;background:rgb(15 20 40 / .72);z-index:2147483000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px}#konnexy-login-modal-overlay.kl-open{display:flex}.kl-dialog{background:#fff;border-radius:18px;width:100%;max-width:440px;box-shadow:0 24px 64px rgb(0 0 0 / .28);overflow:hidden;animation:klSlideIn .32s cubic-bezier(.34,1.3,.64,1) both;position:relative}@keyframes klSlideIn{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}.kl-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:32px 32px 24px;color:#fff;text-align:center;position:relative}.kl-logo{font-size:2.2rem;font-weight:800;letter-spacing:1px;line-height:1;margin-bottom:6px}.kl-logo span{opacity:.7;font-weight:400;font-size:1rem;display:block;margin-top:4px}.kl-close{position:absolute;top:14px;right:16px;background:rgb(255 255 255 / .2);border:none;border-radius:50%;width:34px;height:34px;cursor:pointer;color:#fff;font-size:20px;line-height:34px;text-align:center;transition:background .2s;display:flex;align-items:center;justify-content:center}.kl-close:hover{background:rgb(255 255 255 / .35)}.kl-body{padding:28px 32px 32px}.kl-step{display:none}.kl-step.kl-active{display:block}.kl-label{display:block;font-size:.8rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.kl-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;color:#222;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:#fafafa}.kl-input:focus{border-color:#667eea;box-shadow:0 0 0 4px rgb(102 126 234 / .15);background:#fff}.kl-input-group{margin-bottom:18px}.kl-otp-boxes{display:flex;gap:8px;justify-content:center;margin-bottom:18px}.kl-otp-box{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid #e0e0e0;border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fafafa;caret-color:#667eea}.kl-otp-box:focus{border-color:#667eea;box-shadow:0 0 0 4px rgb(102 126 234 / .15);background:#fff}.kl-otp-box.kl-filled{border-color:#764ba2;background:#f6f3ff}.kl-btn{display:block;width:100%;padding:13px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.02em}.kl-btn:active{transform:scale(.98)}.kl-btn:disabled{opacity:.55;cursor:not-allowed}.kl-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 16px rgb(102 126 234 / .35)}.kl-btn-primary:hover:not(:disabled){opacity:.88}.kl-btn-ghost{background:#fff0;color:#667eea;font-size:.9rem;padding:8px;font-weight:600;margin-top:8px;text-decoration:underline;cursor:pointer;border:none}.kl-btn-ghost:hover{color:#764ba2}.kl-msg{min-height:0;margin-top:14px;font-size:.92rem;border-radius:8px;padding:0}.kl-msg.kl-success{background:#d1fae5;color:#065f46;padding:10px 14px;border-left:4px solid #10b981}.kl-msg.kl-error{background:#fee2e2;color:#991b1b;padding:10px 14px;border-left:4px solid #ef4444}.kl-msg.kl-info{background:#eff6ff;color:#1e40af;padding:10px 14px;border-left:4px solid #3b82f6}.kl-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:klSpin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes klSpin{to{transform:rotate(360deg)}}.kl-step-title{font-size:1.15rem;font-weight:700;color:#222;margin:0 0 4px}.kl-step-desc{font-size:.88rem;color:#777;margin:0 0 20px}.kl-highlight{color:#667eea;font-weight:700}.kl-divider{text-align:center;color:#bbb;font-size:.8rem;margin:14px 0;position:relative}.kl-divider::before,.kl-divider::after{content:'';position:absolute;top:50%;width:38%;height:1px;background:#eee}.kl-divider::before{left:0}.kl-divider::after{right:0}.kl-success-icon{text-align:center;padding:12px 0 18px}.kl-checkmark{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;font-size:2rem;box-shadow:0 8px 24px rgb(16 185 129 / .35);animation:klPop .4s cubic-bezier(.34,1.5,.64,1) both}@keyframes klPop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}