.qk-auth{--blue-900:#1e3a8a;--blue-800:#1e40af;--blue-700:#1d4ed8;--blue-mid:#2563eb;--blue-100:#dbeafe;--blue-50:#eff6ff;--amber-600:#d97706;--amber-500:#f59e0b;--amber-300:#fcd34d;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--red:#e7403c;--red-soft:#fdeae9;--good:#16a34a;--font-display:var(--font-qk-display),"Baloo 2",system-ui,sans-serif;--font-body:var(--font-qk-body),"Nunito Sans",system-ui,sans-serif;--font-mono:var(--font-qk-mono),"IBM Plex Mono",ui-monospace,monospace;font-family:var(--font-body);color:var(--slate-800);-webkit-font-smoothing:antialiased;background:radial-gradient(60% 42% at 84% 8%,#f59e0b1a,transparent 60%),radial-gradient(120% 80% at 50% -22%,var(--blue-50),#fff 56%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:44px 20px;display:flex}.qk-auth *{box-sizing:border-box}.qk-auth a{color:inherit;text-decoration:none}.qk-auth button{cursor:pointer;font-family:inherit}.qk-auth .auth{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:424px;display:flex}.qk-auth .auth-logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--slate-900);margin-bottom:20px;font-size:32px;font-weight:800;line-height:1}.qk-auth .auth-logo .k{color:var(--amber-600)}.qk-auth .auth-card{border:1px solid var(--slate-200);text-align:left;background:#fff;border-radius:24px;width:100%;padding:28px 28px 26px;box-shadow:0 26px 64px -28px #0f172a4d}.qk-auth .auth-h{font-family:var(--font-display);color:var(--slate-900);text-align:center;margin:0 0 6px;font-size:25px;font-weight:800}.qk-auth .auth-sub{color:var(--slate-500);text-align:center;justify-content:center;align-items:center;gap:7px;margin:0 0 20px;font-size:13.5px;font-weight:700;line-height:1.4;display:flex}.qk-auth .auth-sub svg{color:var(--blue-700);flex-shrink:0}.qk-auth .seg{background:var(--slate-100);border-radius:14px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.qk-auth .seg button{height:42px;font-family:var(--font-display);color:var(--slate-500);background:0 0;border:none;border-radius:10px;flex:1;font-size:15px;font-weight:700;transition:all .12s}.qk-auth .seg button:hover{color:var(--slate-700)}.qk-auth .seg button.on{color:var(--blue-900);background:#fff;box-shadow:0 1px 4px #0f172a24}.qk-auth .socials{flex-direction:column;gap:10px;display:flex}.qk-auth .sbtn{width:100%;height:50px;font-family:var(--font-display);border:1.5px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;transition:background .12s,border-color .12s;display:flex}.qk-auth .sbtn.apple{color:#fff;background:#000}.qk-auth .sbtn.apple:hover{background:#1b1b1b}.qk-auth .sbtn.google{color:var(--slate-800);border-color:var(--slate-300);background:#fff}.qk-auth .sbtn.google:hover{background:var(--slate-50);border-color:var(--slate-400)}.qk-auth .sbtn:disabled{opacity:.65;cursor:default}.qk-auth .sbtn-wrap{position:relative}.qk-auth .sbtn-gsi{opacity:0;position:absolute;inset:0;overflow:hidden}.qk-auth .sbtn-gsi>div,.qk-auth .sbtn-gsi iframe{width:100%!important;height:100%!important}.qk-auth .divider{color:var(--slate-400);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;margin:16px 0;font-size:12.5px;font-weight:800;display:flex}.qk-auth .divider:before,.qk-auth .divider:after{content:"";background:var(--slate-200);flex:1;height:1px}.qk-auth .eform{flex-direction:column;gap:11px;display:flex}.qk-auth .field{border:1.5px solid var(--slate-200);background:#fff;border-radius:13px;align-items:center;gap:11px;height:52px;padding:0 14px;transition:border-color .12s,box-shadow .12s;display:flex}.qk-auth .field:focus-within{border-color:var(--blue-700);box-shadow:0 0 0 3px var(--blue-100)}.qk-auth .field.bad{border-color:var(--red);background:var(--red-soft)}.qk-auth .field .fi{color:var(--slate-400);flex-shrink:0}.qk-auth .field input{min-width:0;font-family:var(--font-body);color:var(--slate-900);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:600}.qk-auth .field input::placeholder{color:var(--slate-400);font-weight:600}.qk-auth .field .eye{color:var(--slate-400);background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.qk-auth .field .eye:hover{color:var(--slate-600)}.qk-auth .err{color:var(--red);margin-top:-4px;font-size:12.5px;font-weight:700}.qk-auth .forgot{text-align:right;margin-top:-2px}.qk-auth .forgot a{color:var(--blue-700);font-size:13px;font-weight:700}.qk-auth .forgot a:hover{text-decoration:underline}.qk-auth .submit{background:var(--blue-900);color:#fff;width:100%;height:52px;font-family:var(--font-display);white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:5px;font-size:16px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .12s;display:flex;box-shadow:0 4px #16295f}.qk-auth .submit:hover{background:var(--blue-800)}.qk-auth .submit:active{transform:translateY(3px);box-shadow:0 1px #16295f}.qk-auth .submit:disabled{cursor:default;background:#cdd6ea;box-shadow:0 4px #b9c4dc}.qk-auth .submit svg{width:17px;height:17px}.qk-auth .submit.block{margin-top:22px}.qk-auth .switch{color:var(--slate-500);text-align:center;margin-top:18px;font-size:13.5px;font-weight:700}.qk-auth .switch button{color:var(--blue-900);font-weight:800;font-family:var(--font-body);white-space:nowrap;background:0 0;border:none;font-size:13.5px}.qk-auth .switch button:hover{text-decoration:underline}.qk-auth .note{color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-100);text-align:center;border-radius:10px;margin-top:14px;padding:9px 12px;font-size:12.5px;font-weight:700}.qk-auth .err.form-err{color:#b42318;text-align:center;background:#fef3f2;border:1px solid #fecdc9;border-radius:10px;margin-top:14px;padding:9px 12px}.qk-auth .legal{color:var(--slate-400);text-align:center;max-width:350px;margin-top:22px;font-size:12px;line-height:1.55}.qk-auth .legal a{color:var(--slate-600);text-underline-offset:2px;text-decoration:underline}.qk-auth .legal a:hover{color:var(--blue-900)}.qk-auth .back{color:var(--slate-500);white-space:nowrap;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:800;display:inline-flex}.qk-auth .back:hover{color:var(--blue-900)}.qk-auth .back svg{width:16px;height:16px}