.login-screen{--lg-deep:#063b68;--lg-blue:#075ea8;--lg-ocean:#0b78b7;--lg-gold:var(--accent,#f5b400);--lg-soft:#f3f8fc;--lg-ink:#0d2a45;--lg-muted:#5d7590;--lg-icon-fill:#0b3a6b;width:100%;min-height:100dvh;color:var(--lg-ink);background:#fff;grid-template-columns:48fr 52fr;display:grid;position:relative;overflow-x:clip}.login-screen svg{width:100%;height:100%;display:block}.login-visual{color:#fff;background:var(--lg-deep);isolation:isolate;flex-direction:column;justify-content:space-between;gap:2rem;min-width:0;padding:clamp(1.5rem,3.4vw,3.2rem) clamp(1.5rem,3.4vw,3.2rem) clamp(1.25rem,2.4vw,2rem);display:flex;position:relative;overflow:hidden}.login-visual-media{z-index:-2;background:url(/login-bg.png) 50% 38%/cover no-repeat;position:absolute;inset:0}.login-visual-shade{z-index:-1;background:linear-gradient(#063b68c7 0%,#063b684d 38%,#063b688c 70%,#063b68f0 100%),linear-gradient(90deg,#075ea859,#0000 70%);position:absolute;inset:0}.login-visual-top{grid-template-columns:auto auto 1fr;align-items:center;gap:.35rem .9rem;display:grid}.login-visual-logo{background:#fff;border-radius:.8rem;width:2.7rem;height:2.7rem;padding:.22rem;box-shadow:0 6px 18px #0014324d}.login-visual-logo .kf-mark{min-width:0;width:100%!important;height:100%!important}.login-visual-logo img{object-fit:contain;width:100%;height:100%}.login-brand{letter-spacing:.02em;font-size:clamp(1.5rem,2.6vw,2.35rem);font-weight:800;line-height:1}.login-visual-slogan{border-left:2px solid var(--lg-gold);color:#ffffffe0;grid-column:3;margin:0;padding-left:.9rem;font-size:clamp(.78rem,1.15vw,.98rem);line-height:1.35}.login-values{flex-direction:column;gap:clamp(1rem,2.4vh,1.7rem);margin:0;padding:0;list-style:none;display:flex}.login-values li{align-items:center;gap:.9rem;display:flex}.login-value-icon{border:2px solid var(--lg-gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#063b688c;border-radius:50%;flex:none;place-items:center;width:3.1rem;height:3.1rem;padding:.8rem;display:grid}.login-values strong{font-size:clamp(.92rem,1.2vw,1.05rem);font-weight:700;display:block}.login-values small{color:#ffffffc7;font-size:.82rem;display:block}.login-visual-foot{align-items:center;gap:.8rem;display:flex}.login-visual-foot svg{width:2.6rem;height:auto;color:var(--lg-gold)}.login-visual-credit strong{font-size:1.1rem;font-weight:700;display:block}.login-visual-credit span{color:#ffffffc7;font-size:.85rem}.login-panel-form{background:radial-gradient(ellipse 70% 45% at 85% 12%, #0b78b714, transparent 70%), linear-gradient(180deg, #fff 30%, var(--lg-soft) 100%);justify-content:center;align-items:center;min-width:0;padding:clamp(1.5rem,4vw,3.5rem) clamp(1.25rem,4vw,4rem);display:flex;position:relative}.login-edge{fill:#fff;pointer-events:none;position:absolute;top:0;bottom:0;left:0;transform:translate(-99%);width:clamp(4.5rem,10vw,10rem)!important;height:100%!important}.login-deco{pointer-events:none;color:var(--lg-ocean);position:absolute}.login-deco-fish{opacity:.07;width:clamp(12rem,22vw,20rem);height:auto;top:12%;right:-4rem}.login-deco-dots{opacity:.5;background-image:radial-gradient(circle,#0b78b759 1.5px,#0000 2px);background-size:14px 14px;width:7rem;height:4rem;bottom:9%;left:7%}.login-form-wrap{width:100%;max-width:34rem;animation:.55s cubic-bezier(.22,1,.36,1) both login-rise;position:relative}.login-form-head{text-align:center;flex-direction:column;align-items:center;display:flex}.login-form-mark-slot{background:#fff;border:1px solid #075ea81a;border-radius:1.2rem;place-items:center;width:clamp(4.6rem,7vw,5.6rem);height:clamp(4.6rem,7vw,5.6rem);padding:.3rem;display:grid;box-shadow:0 10px 28px #063b681f}.login-form-mark-slot .kf-mark{width:100%!important;height:100%!important}.login-form-mark-slot img{object-fit:contain;width:100%;height:100%}.login-title{color:var(--lg-deep);flex-direction:column;margin:1.2rem 0 0;line-height:1.05;display:flex}.login-title span{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500}.login-title strong{letter-spacing:-.01em;color:var(--lg-blue);font-size:clamp(2.3rem,5vw,3.8rem);font-weight:800}.login-form-tag{color:var(--lg-deep);align-items:center;gap:.9rem;margin:.7rem 0 0;font-size:clamp(.88rem,1.4vw,1.05rem);font-weight:600;display:flex}.login-form-tag i{background:var(--lg-gold);width:clamp(1.4rem,4vw,2.8rem);height:2px}.login-form{flex-direction:column;gap:1rem;margin-top:clamp(1.4rem,3.4vh,2.2rem);display:flex}.login-field{background:#fff;border:1.5px solid #075ea81f;border-radius:1rem;align-items:center;gap:.85rem;min-height:4.1rem;padding:.55rem 1.1rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:0 2px 10px #063b680d}.login-field:hover{border-color:#075ea84d}.login-field:focus-within{border-color:var(--lg-blue);box-shadow:0 0 0 4px #075ea81f}.login-field-main{cursor:text;flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.login-field-icon{width:1.45rem;height:1.45rem;color:var(--lg-blue);flex:none}.login-field-body{flex-direction:column;flex:1;min-width:0;display:flex}.login-field-label{color:var(--lg-muted);font-size:.78rem;font-weight:600;line-height:1.2}.login-field input{width:100%;min-width:0;color:var(--lg-ink);background:0 0;border:0;outline:none;padding:.1rem 0;font-size:1.05rem;font-weight:600}.login-field input:disabled{opacity:.6}.login-reveal{width:2.75rem;height:2.75rem;color:var(--lg-muted);cursor:pointer;background:0 0;border:0;border-radius:.7rem;flex:none;place-items:center;margin-right:-.5rem;padding:.6rem;transition:color .15s,background .15s;display:grid}.login-reveal:hover{color:var(--lg-blue);background:#075ea814}.login-reveal:focus-visible,.login-submit:focus-visible{outline:3px solid var(--lg-gold);outline-offset:2px}.login-submit{background:linear-gradient(180deg, var(--lg-blue), var(--lg-deep));color:#fff;cursor:pointer;border:0;border-radius:1rem;justify-content:center;align-items:center;gap:.7rem;width:100%;min-height:3.6rem;margin-top:.4rem;font-size:1.1rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;box-shadow:0 12px 26px #063b684d}.login-submit svg{width:1.3rem;height:1.3rem;transition:transform .18s}.login-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 16px 30px #063b6857}.login-submit:hover:not(:disabled) svg{transform:translate(4px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.75;cursor:progress}.login-error{color:#a02323;background:#fff1f1;border:1px solid #f3b9b9;border-radius:.8rem;align-items:flex-start;gap:.6rem;margin:0;padding:.75rem .9rem;font-size:.92rem;font-weight:600;line-height:1.35;display:flex}.login-error-mark{color:#fff;background:#c93a3a;border-radius:50%;flex:none;place-items:center;width:1.3rem;height:1.3rem;font-size:.8rem;font-weight:800;display:grid}.login-help{text-align:center;color:var(--lg-muted);border-top:1px solid #075ea81f;justify-content:center;align-items:center;gap:.5rem;margin:1.6rem 0 0;padding-top:1.3rem;font-size:.88rem;display:flex}.login-help-icon{width:1.2rem;height:1.2rem;color:var(--lg-blue);flex:none}.login-spinner{animation:.85s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px) and (min-width:768px){.login-screen{grid-template-columns:42fr 58fr}.login-visual-top{grid-template-columns:auto 1fr}.login-visual-slogan{grid-column:1/-1;padding-left:.7rem}.login-value-icon{width:2.6rem;height:2.6rem;padding:.65rem}.login-values small{font-size:.76rem}}@media (max-width:767px){.login-screen{flex-direction:column;display:flex}.login-visual{padding:calc(1.25rem + env(safe-area-inset-top,0px)) 1.25rem 3.25rem;flex:none;gap:0}.login-visual-top{grid-template-columns:auto 1fr}.login-visual-slogan{grid-column:1/-1;margin-top:.4rem;padding-left:.7rem;font-size:.82rem}.login-values,.login-visual-foot,.login-edge,.login-deco-fish{display:none}.login-panel-form{padding:1.75rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius:1.75rem 1.75rem 0 0;flex:1;align-items:flex-start;margin-top:-1.75rem;box-shadow:0 -10px 30px #063b6824}.login-form-mark-slot{width:4.2rem;height:4.2rem}.login-field{min-height:3.9rem}.login-field input{font-size:1rem}}@media (max-height:640px) and (min-width:768px){.login-values{gap:.7rem}.login-form-mark-slot{width:3.8rem;height:3.8rem}.login-form{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.login-form-wrap{animation:none}.login-field,.login-submit,.login-submit svg,.login-reveal{transition:none}.login-submit:hover:not(:disabled),.login-submit:hover:not(:disabled) svg{transform:none}}