.klovi-forgot{--teal-900:#063a2a;--teal-800:#08503a;--teal-700:#0b6e4f;--teal-600:#10876b;--teal-500:#1fa985;--teal-100:#d9efe6;--teal-50:#eaf7f1;--amber:#b45309;--amber-soft:#fef3c7;--ink:#0f1b17;--ink-2:#1f2a26;--muted:#6b7975;--muted-2:#8a9692;--line:#dce5e1;--line-soft:#edf2ef;--bg:#f4f7f5;--surface:#fff;--surface-2:#fafcfb;--rose:#b91c1c;--font-display:var(--font-land-display), Georgia, serif;--font-sans:var(--font-land-sans), system-ui, sans-serif;--font-mono:var(--font-land-mono), ui-monospace, monospace;--shadow-soft:0 1px 2px #0f1b170a, 0 8px 24px #0f1b170f;font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;line-height:1.55;overflow-x:clip}.klovi-forgot ::selection{background:var(--teal-100)}.klovi-forgot a{color:inherit}.klovi-forgot svg{flex-shrink:0;display:block}.klovi-forgot .page{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100dvh;display:grid}.klovi-forgot .brandside{background:linear-gradient(150deg, var(--teal-900), var(--teal-800) 58%, #0a5c42);color:#fff;flex-direction:column;padding:44px 56px 40px;display:flex;position:relative;overflow:hidden}.klovi-forgot .brandside:after{content:"";pointer-events:none;background:radial-gradient(circle,#a7f3d024,#0000 62%);border-radius:50%;width:520px;height:520px;position:absolute;bottom:-120px;right:-140px}.klovi-forgot .lockup{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;align-items:center;gap:13px;font-size:25px;font-weight:500;text-decoration:none;display:flex;position:relative}.klovi-forgot .lockup em{color:#a7f3d0;margin-left:-3px;font-style:italic;font-weight:400}.klovi-forgot .brand-body{max-width:470px;margin:auto 0;position:relative}.klovi-forgot .brand-body .eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#8fd9bf;font-size:11px}.klovi-forgot .brand-body h1{font-family:var(--font-display);letter-spacing:-.025em;margin:16px 0 0;font-size:clamp(28px,3.2vw,38px);font-weight:500;line-height:1.1}.klovi-forgot .brand-body h1 em{color:#a7f3d0;font-style:italic;font-weight:400}.klovi-forgot .brand-body>p{color:#ffffffc2;margin:16px 0 0;font-size:15.5px}.klovi-forgot .rail{gap:0;margin-top:36px;display:grid}.klovi-forgot .rung{align-items:flex-start;gap:15px;padding:0 0 20px;display:flex;position:relative}.klovi-forgot .rung:last-child{padding-bottom:0}.klovi-forgot .rung:before{content:"";background:#ffffff2e;width:1px;position:absolute;top:26px;bottom:0;left:12px}.klovi-forgot .rung:last-child:before{display:none}.klovi-forgot .rung .dot{width:25px;height:25px;font-family:var(--font-mono);color:#fff9;z-index:1;background:#063a2a80;border:1px solid #ffffff47;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative}.klovi-forgot .rung .t{color:#ffffff8c;padding-top:1px;font-size:14px}.klovi-forgot .rung.on .dot{color:var(--teal-900);background:#a7f3d0;border-color:#a7f3d0;font-weight:500}.klovi-forgot .rung.on .t{color:#fff;font-weight:500}.klovi-forgot .rung.done .dot{color:#a7f3d0;background:#a7f3d038;border-color:#a7f3d0}.klovi-forgot .rung.done .t{color:#fffc}.klovi-forgot .brand-foot{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#ffffff73;flex-wrap:wrap;gap:22px;margin-top:auto;padding-top:26px;font-size:10.5px;display:flex;position:relative}.klovi-forgot .formside{flex-direction:column;padding:44px 56px 36px;display:flex}.klovi-forgot .top-line{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;font-size:13.5px;display:flex}.klovi-forgot .top-line a{color:var(--teal-700);font-weight:500;text-decoration:none}.klovi-forgot .top-line a:hover{text-decoration:underline}.klovi-forgot .formwrap{width:100%;max-width:412px;margin:auto;padding:34px 0}.klovi-forgot h2.form-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:30px;font-weight:500;line-height:1.15}.klovi-forgot .form-sub{color:var(--muted);margin:9px 0 0;font-size:14.5px}.klovi-forgot .form-sub b{color:var(--ink-2);font-weight:600}.klovi-forgot .backlink{cursor:pointer;font:inherit;color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;padding:0;font-size:13.5px;text-decoration:none;display:inline-flex}.klovi-forgot .backlink:hover{color:var(--teal-700)}.klovi-forgot .field{margin-top:20px}.klovi-forgot .field>label{color:var(--ink-2);margin-bottom:7px;font-size:13px;font-weight:500;display:block}.klovi-forgot .input{background:var(--surface);border:1px solid var(--line);border-radius:11px;align-items:center;transition:border-color .16s,box-shadow .16s;display:flex}.klovi-forgot .input:focus-within{border-color:var(--teal-600);box-shadow:0 0 0 3px #1fa98529}.klovi-forgot .input.bad{border-color:#e4a0a0;box-shadow:0 0 0 3px #b91c1c1a}.klovi-forgot .input.good{border-color:var(--teal-500)}.klovi-forgot .input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:13px 14px;font-family:inherit;font-size:15px}.klovi-forgot .input .peek{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:10px 13px;font-family:inherit;font-size:12.5px}.klovi-forgot .err{color:var(--rose);align-items:flex-start;gap:7px;margin-top:7px;font-size:12.5px;display:flex}.klovi-forgot .ok{color:var(--teal-700);align-items:center;gap:7px;margin-top:7px;font-size:12.5px;display:flex}.klovi-forgot .hint{color:var(--muted);margin-top:8px;font-size:12.5px}.klovi-forgot .seg{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:4px;margin-top:22px;padding:4px;display:flex}.klovi-forgot .seg button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;padding:9px 10px;font-family:inherit;font-size:13.5px;font-weight:500}.klovi-forgot .seg button[aria-pressed=true]{background:var(--surface);color:var(--teal-800);border-color:var(--line);box-shadow:var(--shadow-soft)}.klovi-forgot .btn{cursor:pointer;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink-2);border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.klovi-forgot .btn:hover{transform:translateY(-1px)}.klovi-forgot .btn:focus-visible{outline:2px solid var(--teal-600);outline-offset:3px}.klovi-forgot .btn.primary{background:var(--teal-700);border-color:var(--teal-700);color:#fff;margin-top:24px}.klovi-forgot .btn.primary:hover{background:var(--teal-800);border-color:var(--teal-800)}.klovi-forgot .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.klovi-forgot .otp{gap:9px;display:flex}.klovi-forgot .otp input{aspect-ratio:1/1.12;text-align:center;width:100%;font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;outline:0;font-size:19px}.klovi-forgot .otp input:focus{border-color:var(--teal-600);box-shadow:0 0 0 3px #1fa98529}.klovi-forgot .otp.bad input{border-color:#e4a0a0}.klovi-forgot .resend{color:var(--muted);text-align:center;margin-top:16px;font-size:13px}.klovi-forgot .resend button{font:inherit;color:var(--teal-700);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.klovi-forgot .resend button:disabled{color:var(--muted-2);cursor:default}.klovi-forgot .policy{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:14px 16px}.klovi-forgot .policy h4{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin:0 0 10px;font-size:10.5px;font-weight:500}.klovi-forgot .policy ul{margin:0;padding:0}.klovi-forgot .policy li{color:var(--muted);align-items:center;gap:9px;padding:3px 0;font-size:13px;list-style:none;display:flex}.klovi-forgot .policy li .mk{border:1.4px solid var(--line);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.klovi-forgot .policy li.met{color:var(--ink-2)}.klovi-forgot .policy li.met .mk{background:var(--teal-600);border-color:var(--teal-600);color:#fff}.klovi-forgot .strength{align-items:center;gap:10px;margin-top:14px;display:flex}.klovi-forgot .strength .track{background:var(--line-soft);border-radius:99px;flex:1;height:4px;overflow:hidden}.klovi-forgot .strength .track i{background:var(--rose);border-radius:99px;width:0;height:100%;transition:width .3s,background .3s;display:block}.klovi-forgot .strength .lbl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;font-size:10.5px}.klovi-forgot .done{text-align:center}.klovi-forgot .done .tick{background:var(--teal-50);border:1px solid var(--teal-100);width:60px;height:60px;color:var(--teal-700);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.klovi-forgot .done h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:22px 0 0;font-size:28px;font-weight:500}.klovi-forgot .done p{color:var(--muted);max-width:330px;margin:11px auto 0;font-size:14.5px}.klovi-forgot .done .btn.primary{margin-top:28px}.klovi-forgot .meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin-top:22px;font-size:11px}.klovi-forgot .notice{background:var(--amber-soft);color:#78350f;border:1px solid #f5dda0;border-radius:12px;align-items:flex-start;gap:11px;margin-top:22px;padding:13px 15px;font-size:12.5px;display:flex}.klovi-forgot .notice svg{flex-shrink:0;margin-top:2px}@media (max-width:960px){.klovi-forgot .page{grid-template-columns:1fr;min-height:0}.klovi-forgot .brandside{padding:28px 24px 30px}.klovi-forgot .brand-body{margin:24px 0 0}.klovi-forgot .brand-foot{display:none}.klovi-forgot .formside{padding:26px 24px 40px}.klovi-forgot .formwrap{padding:14px 0 0}}@media (prefers-reduced-motion:reduce){.klovi-forgot *{transition-duration:.001ms!important;animation-duration:.001ms!important}}