:root{--navy:#062f60;--navy-dark:#031f43;--gold:#d99c00;--gold-bright:#f2b400;--text:#102f52;--muted:#667085;--border:#dce3eb;--bg:#f3f6fa}
*{box-sizing:border-box}
html{margin:0!important}
body.kbs-login-page{margin:0;height:100vh;overflow:hidden;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);display:flex;flex-direction:column}
.kbs-login-wrap{width:min(calc(100% - 64px),1320px);margin:auto}
.kbs-login-header{background:#fff;border-bottom:1px solid var(--border)}
.kbs-login-header-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.kbs-login-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.kbs-login-logo img{width:40px;height:40px;object-fit:contain}
.kbs-login-logo span{display:flex;flex-direction:column}
.kbs-login-logo b{font-size:22px;color:var(--navy)}
.kbs-login-logo em{font-style:normal;color:var(--gold)}
.kbs-login-logo small{font-size:10px;color:#6b7280;margin-top:4px}
.back-home{font-size:13px;font-weight:800;color:var(--navy);text-decoration:none}
.kbs-login-main{padding:12px 28px;flex:1;min-height:0;display:flex}
.kbs-login-shell{width:min(1050px,100%);height:100%;max-height:580px;min-height:0;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(6,47,96,.14)}
.kbs-login-brand{position:relative;overflow:hidden;display:flex;align-items:center;background-image:url("../images/approved-hero.jpg");background-size:cover;background-position:center}
.brand-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,31,67,.97),rgba(6,47,96,.88))}
.brand-content{position:relative;z-index:1;padding:30px 42px;color:#fff}
.brand-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--gold-bright)}
.brand-content h1{font-size:36px;line-height:1.07;letter-spacing:-.035em;margin:10px 0 13px}
.brand-content h1 em{display:block;font-style:normal;color:var(--gold-bright)}
.brand-content>p{max-width:540px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.8)}
.brand-features{display:grid;gap:10px;margin-top:17px}
.brand-features>div{display:flex;align-items:flex-start;gap:14px}
.brand-features>div>span{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-weight:900}
.brand-features p{margin:0}
.brand-features b,.brand-features small{display:block}
.brand-features b{font-size:14px}
.brand-features small{margin-top:4px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.68)}
.app-link{display:inline-flex;margin-top:14px;padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-size:10px;font-weight:800}
.kbs-login-showcase{position:relative;min-height:128px;margin-top:17px;padding:20px 20px 30px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.12);overflow:hidden}.kbs-login-showcase article{display:none}.kbs-login-showcase article.is-active{display:block;animation:kbs-login-slide-in .42s ease}.kbs-login-showcase article>span{display:block;color:var(--gold-bright);font-size:9px;font-weight:950;letter-spacing:.13em}.kbs-login-showcase article>b{display:block;margin:8px 0 6px;color:#fff;font-size:17px;line-height:1.2}.kbs-login-showcase article>small{display:block;color:rgba(255,255,255,.7);font-size:11px;line-height:1.55}.kbs-login-showcase-dots{position:absolute;left:20px;bottom:13px;display:flex;gap:7px}.kbs-login-showcase-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.32);cursor:pointer}.kbs-login-showcase-dots button.is-active{width:20px;border-radius:999px;background:var(--gold-bright)}@keyframes kbs-login-slide-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.kbs-login-panel{display:flex;align-items:center;justify-content:center;padding:24px 36px;background:#fff}
.login-card{width:min(420px,100%)}
.login-heading>span{font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--gold)}
.login-heading h2{font-size:28px;line-height:1.15;margin:8px 0 7px;color:var(--navy-dark)}
.login-heading p{margin:0 0 16px;font-size:12px;line-height:1.5;color:var(--muted)}
.login-alert{margin-bottom:20px;padding:13px 15px;border:1px solid #efb5b5;border-radius:10px;background:#fff4f4;color:#a52222;font-size:13px;line-height:1.5}
.kbs-login-form>label{display:block;margin:0 0 8px;font-size:13px;font-weight:800;color:#183b62}
.field-wrap{position:relative;margin-bottom:11px}
.field-wrap input{width:100%;height:44px;padding:0 44px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#18283c;font-size:13px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.field-wrap input:focus{border-color:#6189b5;box-shadow:0 0 0 4px rgba(6,47,96,.08)}
.field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.55;pointer-events:none}
.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);height:36px;padding:0 9px;border:0;background:transparent;color:var(--navy);font-size:11px;font-weight:900;cursor:pointer}
.password-wrap input{padding-right:66px}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.remember{display:flex;align-items:center;gap:8px;font-size:12px;color:#41566f;cursor:pointer}
.remember input{width:16px;height:16px;accent-color:var(--navy)}
.disabled-link{font-size:12px;color:#8b96a5;cursor:not-allowed}
.disabled-link small{padding:3px 6px;margin-left:3px;border-radius:999px;background:#eef1f5;font-size:8px;font-weight:900;text-transform:uppercase}
.sign-in-button{width:100%;height:45px;border:0;border-radius:9px;background:linear-gradient(#f2b400,#d99c00);color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 10px 20px rgba(217,156,0,.22);transition:transform .18s ease,filter .18s ease}
.sign-in-button:hover{filter:brightness(.98);transform:translateY(-1px)}
.login-divider{display:flex;align-items:center;gap:12px;margin:28px 0 18px;color:#98a2b3;font-size:11px}
.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e8edf2}
.register-disabled{padding:14px 16px;border:1px dashed #cfd8e3;border-radius:11px;background:#f8fafc;cursor:not-allowed}
.register-disabled b,.register-disabled span{display:block}
.register-disabled b{font-size:13px;color:#607087}
.register-disabled span{margin-top:4px;font-size:11px;color:#98a2b3}
.login-support{margin:20px 0 0;text-align:center;font-size:10px;line-height:1.55;color:#98a2b3}
.kbs-login-footer{background:#031f43;color:rgba(255,255,255,.62)}
.kbs-login-footer .kbs-login-wrap{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px}
body.kbs-login-page .kbs-login-form .field-wrap input{display:block!important;width:100%!important;height:46px!important;padding:0 14px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:#172b43!important;font-size:13px!important;line-height:46px!important}
body.kbs-login-page .kbs-login-form .field-wrap input:focus{border-color:#0a4a85!important;box-shadow:0 0 0 3px rgba(6,47,96,.09)!important;outline:0!important}
body.kbs-login-page .password-wrap input{padding-right:72px!important}
body.kbs-login-page .password-toggle{right:7px!important;height:32px!important;padding:0 11px!important;border:0!important;border-radius:6px!important;background:#eef3f8!important;color:#164a78!important;font-size:11px!important}
body.kbs-login-page .sign-in-button{display:block!important;width:100%!important;height:46px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:8px!important;background:linear-gradient(180deg,#f2b400,#d99c00)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;text-align:center!important}
body.kbs-login-page .remember{font-size:11px!important}
body.kbs-login-page .disabled-link{font-size:11px!important}
body.kbs-login-page .login-support{padding-top:15px;border-top:1px solid #e5eaf0}
@media(max-width:900px){body.kbs-login-page{height:auto;overflow:auto}.kbs-login-shell{height:auto;max-height:none;grid-template-columns:1fr}.kbs-login-brand{min-height:470px}.kbs-login-brand .brand-content{padding:48px}.kbs-login-panel{padding:48px 28px}}
@media(max-width:600px){.kbs-login-wrap{width:min(calc(100% - 30px),1320px)}.kbs-login-header-row{min-height:70px}.kbs-login-logo b{font-size:17px}.kbs-login-logo small{display:none}.kbs-login-logo img{width:44px;height:44px}.kbs-login-main{padding:20px 12px}.kbs-login-shell{border-radius:18px}.kbs-login-brand{min-height:430px}.brand-content h1{font-size:37px}.brand-content{padding:36px 28px!important}.kbs-login-panel{padding:38px 22px}.login-heading h2{font-size:29px}.login-options{align-items:flex-start;flex-direction:column}.kbs-login-footer .kbs-login-wrap{align-items:flex-start;flex-direction:column;padding:15px 0}}