:root{--primary-gold:#01a9e6;--dark-gold:#00739d;--light-bg:#f0f8ff;--border-color:#00739d;--text-dark:#333;--hero-gradient-center:#5fd3fd;--hero-gradient-edge:#01a9e6;--white:#fff;--transition:all .3s ease;--error-red:#ff4d4f;--success-green:#52c41a}.kk-login-wrapper{background:var(--light-bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,sans-serif;display:flex}.kk-login-container{background:var(--white);border-radius:20px;width:100%;max-width:1000px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00739d1a}.kk-login-left{color:var(--white);background:linear-gradient(135deg,#00739db8,#00739db8);flex-direction:column;flex:1;justify-content:center;padding:60px 40px;display:flex}.kk-brand-title{margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.kk-brand-subtitle{opacity:.9;margin-bottom:3rem;font-size:1.1rem}.kk-features{flex-direction:column;gap:25px;display:flex}.kk-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff52;border:1px solid #fff3;border-radius:12px;align-items:center;gap:15px;padding:15px;display:flex}.kk-feature i{color:var(--white);font-size:1.5rem}.kk-feature h6{margin:0;font-size:1rem;font-weight:700}.kk-feature p{opacity:.8;margin:0;font-size:.85rem}.kk-login-right{background:var(--white);flex-direction:column;flex:1;padding:40px;display:flex}.kk-login-tabs{background:var(--light-bg);border-radius:12px;gap:10px;margin-bottom:30px;padding:5px;display:flex}.kk-tab{cursor:pointer;color:var(--text-dark);transition:var(--transition);background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;display:flex}.kk-tab.active{background:var(--white);color:var(--primary-gold);box-shadow:0 4px 12px #0000000d}.kk-login-header h2{color:var(--dark-gold);margin-bottom:8px;font-weight:800}.kk-login-header p{color:#666;margin-bottom:25px;font-size:.9rem}.kk-form-group label{color:var(--text-dark);margin-bottom:10px;font-weight:600;display:block}.kk-phone-input-wrapper,.kk-email-input{transition:var(--transition);border-radius:12px;align-items:center;width:100%;display:flex;overflow:hidden;border:2px solid #eef2f6!important}.kk-phone-input-wrapper:focus-within{border-color:var(--primary-gold);background:#fff}.kk-country-code{color:var(--text-dark);background:#f8fafc;border-right:1px solid #eef2f6;align-items:center;gap:8px;padding:12px 15px;font-weight:700;display:flex}.kk-phone-input,.kk-email-input{border:none;outline:none;flex:1;padding:15px;font-size:1rem;font-weight:500}.kk-otp-inputs{justify-content:center;gap:12px;margin:20px 0;display:flex}.kk-otp-input{text-align:center;width:50px;height:55px;color:var(--primary-gold);transition:var(--transition);border:2px solid #eef2f6;border-radius:12px;font-size:1.5rem;font-weight:800}.kk-otp-input:focus{border-color:var(--primary-gold);box-shadow:0 0 0 4px var(--primary-soft);outline:none}.kk-btn-submit{background:var(--primary-gold);width:100%;color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:12px;margin-top:20px;padding:15px;font-size:1.1rem;font-weight:700}.kk-btn-submit:hover:not(:disabled){background:var(--dark-gold);transform:translateY(-2px)}.kk-btn-submit:disabled{opacity:.6;cursor:not-allowed}.kk-btn-back{color:var(--dark-gold);cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-weight:600}.kk-error{color:var(--error-red);margin-top:8px;font-size:.85rem;font-weight:500}.kk-resend{text-align:center;color:#666;margin-top:20px;font-size:.9rem}.kk-btn-resend{color:var(--primary-gold);cursor:pointer;background:0 0;border:none;font-weight:700}.kk-login-footer{text-align:center;color:#999;margin-top:auto;padding-top:30px;font-size:.8rem}@media (max-width:991px){.kk-login-container{flex-direction:column;max-width:500px}.kk-login-left{padding:40px 30px}.kk-brand-title{font-size:1.8rem}.kk-features{display:none}.kk-login-right{padding:30px}}@media (max-width:480px){.kk-login-wrapper{padding:0}.kk-login-container{border-radius:0;min-height:100vh}.kk-otp-input{width:45px;height:50px}}