.kono-login{color:#182338;background:radial-gradient(at 19% 20%,#e7eeff 0,#0000 35%),radial-gradient(at 83% 83%,#e4f2f4 0,#0000 32%),#f3f6fc;place-items:center;min-height:100svh;padding:40px 20px;display:grid}.kono-login-card{background:#fff;border:1px solid #ffffffd9;border-radius:19px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 26px 65px -14px #27406a38}.kono-login-content{padding:52px 41px 34px}.kono-login-heading{text-align:center}.kono-login-logo{color:#fff;background:#08a6f5;border-radius:8px;place-items:center;width:46px;height:46px;margin:0 auto 30px;display:grid}.kono-login-logo circle{fill:currentColor}.kono-login-heading h1{letter-spacing:.02em;margin:0;font-size:28px;font-weight:700;line-height:1.4}.kono-login-heading p{color:#8293b3;margin:8px 0 0;font-size:13px;line-height:1.7}.kono-login-form{gap:20px;margin-top:34px;display:grid}.kono-login-field{gap:8px;display:grid}.kono-login-field label{color:#62718d;font-size:14px;font-weight:400}.kono-login-field input{color:#1d2b43;width:100%;min-width:0;height:44px;box-shadow:none;background:#eaf0fc;border:1px solid #d8e1f0;border-radius:8px;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.kono-login-field input::placeholder{color:#96a3bc}.kono-login-field input:focus-visible{border-color:#3575ff;outline:none;box-shadow:0 0 0 3px #3575ff1f}.kono-login-field input:autofill{box-shadow:inset 0 0 0 100px #eaf0fc}.kono-login-password{position:relative}.kono-login-password input{padding-right:45px}.kono-login-password .kono-password-toggle{color:#8798b6;border-radius:6px;width:34px;height:34px;position:absolute;top:5px;right:5px}.kono-login-verification{margin-top:-3px}.kono-login-verification summary{color:#7d8fae;cursor:pointer;align-items:center;gap:4px;width:fit-content;font-size:12px;list-style:none;display:flex}.kono-login-verification summary::-webkit-details-marker{display:none}.kono-login-verification[open] summary svg{transform:rotate(90deg)}.kono-login-verification>.kono-login-field{margin-top:16px}.kono-login-verification p{color:#8d9bb3;margin:0;font-size:11px;line-height:1.6}.kono-login-captcha-row{gap:10px;display:flex}.kono-login-captcha-row input{flex:1}.kono-login-captcha-row button{color:#3474f5;background:#f5f8ff;border-color:#dae4f7;border-radius:8px;flex-shrink:0;height:44px;font-size:12px}.kono-login-form .kono-login-submit{color:#fff;background:linear-gradient(110deg,#377bff,#306af2);border:none;border-radius:8px;width:100%;height:46px;font-size:15px;font-weight:600;box-shadow:0 7px 16px #306af229}.kono-login-form .kono-login-submit:hover:not(:disabled){background:linear-gradient(110deg,#286bef,#255de2)}.kono-login-form .kono-login-submit:disabled{opacity:.65}.kono-login-error,.kono-login-notice{overflow-wrap:anywhere;border-radius:8px;margin:-4px 0;padding:10px 12px;font-size:12px;line-height:1.7}.kono-login-error{color:#bd3a38;background:#fff2f1}.kono-login-notice{color:#328266;background:#eff8f4}.kono-login-footer{color:#91a2c2;text-align:center;background:#fbfcff;border-top:1px solid #edf1f7;padding:18px 20px;font-size:12px;line-height:1.5}@media (max-width:480px){.kono-login{padding:24px 18px}.kono-login-content{padding:36px 26px 28px}.kono-login-heading h1{font-size:26px}.kono-login-heading p{font-size:12px}}