.login-page{--navy:var(--km-primary);--navy-deep:var(--km-sidebar);--gold:var(--km-accent);--muted:var(--km-text-muted);--border:var(--km-border);--surface:var(--km-surface);--danger:var(--km-danger);--frame-w:min(1280px, calc(100vw - 2.5rem));--card-w:420px;--shadow:var(--km-shadow);--shadow-soft:var(--km-shadow-soft);width:100%;height:100dvh;max-height:100dvh;color:var(--km-text);font-family:var(--km-font-ui);background:color-mix(in srgb, var(--km-primary-soft) 70%, var(--km-page));flex-direction:column;display:flex;position:relative;overflow:hidden}.login-page *,.login-page :before,.login-page :after{box-sizing:border-box}.login-page p{margin:0}.login-page button{margin-top:0;font-family:inherit}.login-page svg{flex-shrink:0;display:block}.login-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.login-bg-image{object-fit:cover!important;object-position:center 40%!important}.login-bg-veil{background:linear-gradient(#f0f5fc47 0%,#f0f5fc0f 40%,#f0f5fc1a 70%,#f0f5fc47 100%);position:absolute;inset:0}.login-frame{z-index:1;min-height:0;width:var(--frame-w);flex:auto;margin:0 auto;padding:.7rem 0 .55rem;position:relative}.login-stage{width:100%;height:100%;min-height:0;position:relative}.login-brand{z-index:4;position:absolute;top:0;left:0}.login-brand-logo{object-fit:contain;width:clamp(240px,22vw,300px);height:auto}.login-stats{z-index:4;width:var(--card-w);max-width:100%;box-shadow:var(--shadow-soft);background:#fffffff7;border-radius:999px;margin:0;padding:.55rem .3rem;list-style:none;display:flex;position:absolute;top:.15rem;right:0}.login-stats li{border-right:1px solid var(--border);flex:1 1 0;align-items:center;gap:.5rem;min-width:0;padding:.2rem .85rem;display:flex}.login-stats li:last-child{border-right:0}.login-stats svg{width:1.35rem;height:1.35rem;color:var(--navy)}.login-stats strong{color:var(--navy);font-size:1.05rem;font-weight:700;line-height:1.1;display:block}.login-stats span{color:var(--muted);margin-top:.12rem;font-size:.7rem;font-weight:600;line-height:1.2;display:block}.login-hero{z-index:1;width:min(50%,38rem);max-width:calc(100% - var(--card-w) - 1.75rem);flex-direction:column;justify-content:flex-start;padding-top:0;display:flex;position:absolute;top:clamp(9.25rem,17vh,11.75rem);bottom:auto;left:0}.login-hero h1{font-family:var(--km-font-display);color:var(--navy);letter-spacing:-.025em;margin:0;font-size:clamp(2.75rem,4.6vw,4rem);font-weight:700;line-height:1.08}.login-hero-lead,.login-hero-rest{display:block}.login-hero-lead{width:fit-content;margin-bottom:.25rem;padding-bottom:.9rem;position:relative}.login-hero-lead:after{content:"";background:var(--gold);border-radius:999px;width:100%;max-width:7.5rem;height:4px;position:absolute;bottom:0;left:0;box-shadow:0 0 0 1px #c5a05940}.login-hero>p{color:#334155;max-width:34rem;margin:1.05rem 0 0;font-size:clamp(1.1rem,1.35vw,1.28rem);font-weight:500;line-height:1.5}.login-panel{z-index:3;width:var(--card-w);justify-content:center;align-items:center;padding-top:1.65rem;display:flex;position:absolute;top:6.15rem;bottom:.35rem;right:0}.login-card{background:var(--surface);width:100%;max-height:100%;box-shadow:var(--shadow);border-radius:1.25rem;padding:1.55rem 1.5rem 1.45rem;overflow:auto}.login-card h1{font-family:var(--km-font-display);color:var(--navy);margin:0;font-size:2.25rem;font-weight:700}.login-card-sub{color:var(--muted);font-size:1.02rem;margin:.28rem 0 1.15rem!important}.login-roles{background:#eef1f6;border-radius:999px;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1.1rem;padding:.28rem;display:grid}.login-roles button{color:#4b5568;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:2.7rem;font-size:1rem;font-weight:650;display:inline-flex}.login-roles button svg{width:1.05rem;height:1.05rem}.login-roles button[aria-pressed=true]{background:var(--navy);color:#fff;box-shadow:0 8px 16px #001f5b38}.login-field{margin-top:.8rem;display:block}.login-field-control{display:block;position:relative}.login-field-control>svg{color:#7b8496;pointer-events:none;z-index:1;position:absolute;top:50%;left:.95rem;transform:translateY(-50%);width:1.2rem!important;height:1.2rem!important}.login-page .login-field-control input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]){border:1px solid var(--border);color:#1a2438;width:100%;font:inherit;background:#fff;border-radius:.8rem;margin:0;padding:.92rem 2.7rem .92rem 2.9rem;font-size:1.02rem}.login-page .login-field-control input::placeholder{color:#9aa3b5}.login-page .login-field-control input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #001f5b1f}.login-reveal{color:#8b94a7;cursor:pointer;background:0 0;border:0;border-radius:8px;width:2.25rem;height:2.25rem;padding:0;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.login-reveal svg{width:1.15rem;height:1.15rem;margin:0 auto}.login-row{justify-content:flex-end;margin:.7rem 0 1rem;display:flex}.login-remember{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.login-forgot{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:0;font-size:.95rem;font-weight:700}.login-error,.login-hint{margin:0 0 .7rem;font-size:.92rem;font-weight:650}.login-error{color:var(--danger)}.login-hint{color:var(--navy)}.login-submit,.login-otp{cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:3rem;font-size:1.05rem;font-weight:700;display:inline-flex}.login-submit{background:var(--navy);color:#fff;border:0;border-radius:.8rem}.login-submit:hover:not(:disabled){background:#0a2d6d}.login-submit:disabled{opacity:.7;cursor:wait}.login-submit svg,.login-otp svg{width:1.15rem;height:1.15rem}.login-or{color:var(--muted);letter-spacing:.12em;align-items:center;gap:.7rem;margin:.85rem 0;font-size:.78rem;font-weight:700;display:flex}.login-or:before,.login-or:after{content:"";background:var(--border);flex:1;height:1px}.login-otp{border:1.5px solid var(--navy);color:var(--navy);background:#fff;border-radius:.8rem;font-size:1rem}.login-otp:hover{background:#eef2f8}.login-platforms{z-index:2;width:min(56%,640px);max-width:calc(100% - var(--card-w) - 1.5rem);box-shadow:var(--shadow-soft);background:#fffffff7;border-radius:1.05rem;margin-right:auto;padding:1rem 1.15rem 1.1rem;position:absolute;bottom:0;left:0}.login-platforms h2{letter-spacing:.18em;text-transform:uppercase;color:var(--navy);justify-content:center;align-items:center;gap:.8rem;margin:0 0 .8rem;font-size:.78rem;font-weight:700;display:flex}.login-platforms h2:before,.login-platforms h2:after{content:"";background:var(--gold);flex:auto;height:1.5px}.login-platforms ul{grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid}.login-platforms li{text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:0 .25rem;display:flex;position:relative}.login-platforms li:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:10%;bottom:10%;right:0}.login-platforms svg{width:1.55rem;height:1.55rem;color:var(--navy)}.login-platforms strong{letter-spacing:.06em;color:#3f4b63;font-size:.72rem;font-weight:700}.login-footer{z-index:2;background:var(--navy-deep);color:#ffffffe0;flex:none;position:relative}.login-footer-inner{width:var(--frame-w);grid-template-columns:1.15fr 1.2fr .9fr;align-items:center;gap:.75rem 1rem;margin:0 auto;padding:.85rem 0;display:grid}.login-trust{align-items:flex-start;gap:.6rem;min-width:0;display:flex}.login-trust svg{color:var(--gold);margin-top:.08rem;width:1.3rem!important;height:1.3rem!important}.login-trust strong{color:#fff;font-size:.95rem;display:block}.login-trust span{color:#ffffffa8;margin-top:.12rem;font-size:.8rem;display:block}.login-footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .55rem;font-size:.84rem;display:flex}.login-footer nav a{color:#fff;text-decoration:none}.login-footer nav span{color:#fff6}.login-footer nav a:hover{color:var(--gold)}.login-footer small{text-align:right;color:#ffffff9e;font-size:.68rem}@media (min-width:1280px){.login-page{--frame-w:min(1320px, calc(100vw - 3rem));--card-w:430px}}@media (min-width:1440px){.login-page{--frame-w:min(1380px, calc(100vw - 3.5rem));--card-w:440px}.login-hero{top:clamp(9.75rem,17vh,12.25rem)}.login-hero h1{font-size:4.1rem}.login-panel{padding-top:1.85rem;top:6.4rem}}@media (min-width:1024px) and (max-width:1279px){.login-page{--frame-w:min(1000px, calc(100vw - 2rem));--card-w:360px}.login-hero{width:min(50%,32rem);top:clamp(8.75rem,16vh,10.75rem)}.login-hero h1{font-size:2.55rem}.login-hero>p{font-size:1.05rem}.login-panel{padding-top:1.35rem;top:5.75rem}.login-card{padding:1.25rem 1.2rem}.login-card h1{font-size:1.95rem}.login-platforms{width:min(54%,560px)}}@media (min-width:1024px) and (max-height:800px){.login-hero{top:8.15rem}.login-hero h1{font-size:2.4rem}.login-hero>p{margin-top:.75rem;font-size:1.02rem}.login-panel{padding-top:.85rem;top:5.25rem}.login-card{padding:1.1rem 1.15rem}.login-card h1{font-size:1.85rem}.login-roles button,.login-submit,.login-otp{min-height:2.45rem}.login-page .login-field-control input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]){padding-top:.72rem;padding-bottom:.72rem}.login-platforms{width:min(54%,560px);padding:.7rem .85rem .75rem}.login-footer-inner{padding:.55rem 0}}@media (max-width:1023px){.login-page{--frame-w:min(420px, calc(100vw - 1.5rem));height:auto;min-height:100dvh;max-height:none;overflow:auto}.login-frame{flex:none;height:auto;padding:1rem 0 1.15rem}.login-stage{flex-direction:column;gap:.95rem;height:auto;display:flex;position:static}.login-brand,.login-stats,.login-hero,.login-panel,.login-platforms{width:100%;max-width:none;position:static;inset:auto}.login-stats{width:100%}.login-hero h1{font-size:clamp(1.9rem,7vw,2.5rem)}.login-card{max-height:none;overflow:visible}.login-platforms ul{grid-template-columns:repeat(3,1fr);row-gap:.75rem}.login-platforms li:nth-child(3n):after{display:none}.login-footer-inner{text-align:left;grid-template-columns:1fr}.login-footer nav,.login-footer small{text-align:left;justify-content:flex-start}}@media (max-width:720px){.login-stats{border-radius:14px;flex-direction:column}.login-stats li{border-right:0;border-bottom:1px solid var(--border);padding:.5rem .55rem}.login-stats li:last-child{border-bottom:0}.login-platforms ul{grid-template-columns:repeat(2,1fr)}.login-platforms li:after{display:none}.login-remember{clip:auto;width:auto;height:auto;color:var(--muted);align-items:center;gap:.4rem;font-size:.82rem;display:inline-flex;position:static;overflow:visible}.login-row{justify-content:space-between}}