:root{--kps-blue:#253b62;--kps-blue-dark:#172945;--kps-turquoise:#1f8b8d;--kps-red:#c91522;--kps-bg:#f2f4f7;--kps-line:#d9dee7;--kps-text:#263142;--kps-muted:#667085;--kps-white:#fff;--kps-shadow:0 4px 16px rgba(26,42,69,.08)}
html{font-size:14px}body{background:var(--kps-bg);color:var(--kps-text);font-family:Arial,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
.portal-head{height:72px;padding:0 28px;background:#fff;border-top:4px solid var(--kps-red);border-bottom:1px solid var(--kps-line);box-shadow:0 2px 8px rgba(27,42,67,.06)}
.portal-head .logo img{width:250px;height:58px;object-fit:contain;object-position:left center}.portal-user{margin-left:auto;display:flex;align-items:center;gap:14px}.portal-user span{font-size:13px;font-weight:700;color:var(--kps-text)}.portal-user a{padding:8px 12px;border:1px solid var(--kps-line);border-radius:4px;color:var(--kps-blue);font-size:12px;font-weight:700;text-decoration:none}.portal-user a:hover{border-color:var(--kps-red);color:var(--kps-red)}
.portal-layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 72px)}.portal-layout>aside{position:sticky;top:72px;width:232px;height:calc(100vh - 72px);padding:18px 12px;background:var(--kps-blue-dark);border:0;overflow-y:auto}.aside-title{padding:2px 12px 12px;color:#9eabc0;font-size:9px;font-weight:800;letter-spacing:.14em}.portal-layout>aside nav{height:auto;display:block;min-width:0}.portal-layout>aside a{height:42px;margin:2px 0;padding:0 12px;display:flex;align-items:center;gap:10px;border:0;border-left:3px solid transparent;border-radius:4px;color:#dce3ed;font-size:12px;font-weight:650;text-decoration:none}.portal-layout>aside a>span{width:18px;display:inline-grid;place-items:center;color:#aebacf}.portal-layout>aside a:hover{background:rgba(255,255,255,.08);color:#fff}.portal-layout>aside a.active{background:rgba(255,255,255,.11);border-left-color:#45b8ba;color:#fff}.nav-divider{height:1px;margin:12px 8px;background:rgba(255,255,255,.13)}.portal-layout>aside .ybs-link{border:1px solid rgba(255,255,255,.18);background:rgba(31,139,141,.18);color:#fff}.portal-layout>aside .ybs-link:hover{background:var(--kps-turquoise)}
.portal-layout>main{width:100%;max-width:1280px;margin:0 auto;padding:26px 30px 55px}.welcome{min-height:190px;padding:30px 34px;justify-content:center;border:1px solid var(--kps-line);border-radius:6px;background:#fff;box-shadow:var(--kps-shadow)}.welcome:before{right:32px;color:rgba(37,59,98,.055);font-size:110px}.welcome:after{right:35px;bottom:24px;color:#98a2b3;font-size:9px}.welcome>span,.page-heading>span,.section-title span{color:var(--kps-turquoise)}.welcome h1{font-size:34px;letter-spacing:-.025em}.stats{gap:10px;margin:14px 0 26px}.stats div{padding:15px 17px;border-radius:5px}.stats b{font-size:24px}.portal-grid{gap:11px;margin-bottom:28px}.portal-grid a{min-height:125px;padding:19px;border-radius:6px;box-shadow:none}.portal-grid a:hover{transform:none;border-color:#aab5c5;box-shadow:var(--kps-shadow)}.portal-grid a:before{background:linear-gradient(135deg,transparent,rgba(31,139,141,.06))}.portal-grid a:after{width:28px;height:28px;background:#eef7f7;color:var(--kps-turquoise);font-size:15px}.portal-grid a b{font-size:16px}.page-heading{margin-bottom:17px}.page-heading h1{font-size:28px;letter-spacing:-.02em}.section-title h2{font-size:21px}.document{padding:18px;gap:18px;border-radius:6px;box-shadow:none}.document:hover{transform:none;border-color:#aeb8c7;box-shadow:var(--kps-shadow)}.document h3{font-size:18px}.document-content{padding:18px;border-radius:4px}.doc-action button,.verify-form button,.security-card button,.kps-login-form button{border-radius:4px;background:var(--kps-turquoise)}.doc-action button:hover,.verify-form button:hover,.security-card button:hover,.kps-login-form button:hover{background:#176f71}.vault div,.profile-card,.security-card,.security-list article,.notification-list a,.empty-card{border-radius:5px}.verify-shell,.verify-result{border-top-color:var(--kps-turquoise);border-radius:6px;box-shadow:var(--kps-shadow)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(380px,.72fr);background:#edf0f4}.corporate-login .brand-panel{min-height:100vh;padding:55px clamp(45px,6vw,90px);background:linear-gradient(150deg,#f9fafb,#e8edf3);color:var(--kps-text)}.corporate-login .brand-panel:before{content:"KPS";right:-2%;color:rgba(37,59,98,.045);font-size:min(34vw,470px)}.corporate-login .brand-panel:after{height:5px;background:var(--kps-turquoise)}.brand-logo{width:min(590px,96%);max-height:196px;margin:0;object-fit:contain;object-position:left center}.corporate-login .brand-panel>span{margin-top:34px;color:var(--kps-turquoise);font-size:10px}.corporate-login .brand-panel h1{max-width:650px;margin:10px 0 13px;font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.035em}.corporate-login .brand-panel p{max-width:570px;font-size:15px;line-height:1.6}.trust-row{margin-top:18px}.trust-row b{padding:7px 10px;border-color:#cbd3df;background:rgba(255,255,255,.65);font-size:9px}.login-card{width:100%;max-width:560px;min-height:100vh;padding:45px clamp(38px,5vw,70px);border-left:1px solid var(--kps-line);background:#fff}.login-logo{width:300px;max-width:100%;height:100px;margin:0 0 23px;object-fit:contain;object-position:left center}.secure-label{color:var(--kps-turquoise);font-size:9px}.login-step{margin:5px 0 13px}.login-step>span{display:inline-block;padding:3px 7px;border-radius:12px;background:#eef7f7;color:var(--kps-turquoise);font-size:9px;font-weight:800}.login-step h2{margin:8px 0 4px;font-size:27px;letter-spacing:-.02em}.login-step p{margin:0;color:var(--kps-muted);font-size:13px}.kps-login-form label{display:block;margin:12px 0 5px;font-size:12px;font-weight:700}.kps-login-form input[type=text],.kps-login-form input[type=password]{width:100%;height:42px;padding:9px 11px;border:1px solid #bfc8d5;border-radius:4px;background:#fff}.kps-login-form input:focus{outline:0;border-color:var(--kps-turquoise);box-shadow:0 0 0 3px rgba(31,139,141,.12)}.kps-login-form .remember{display:flex;align-items:center;gap:7px;font-weight:500}.kps-login-form button{width:100%;height:42px;margin-top:11px;border:0;color:#fff;font-weight:800;cursor:pointer}.restart-login{display:block;margin-top:12px;color:var(--kps-blue);font-size:12px;text-align:center;text-decoration:none}.login-error{margin:0 0 12px;padding:10px 12px;border-left:4px solid var(--kps-red);background:#fff1f2;color:#8c1720;font-size:12px}.login-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:18px;padding-top:15px}.login-links a{color:var(--kps-blue);font-size:11px;font-weight:700}.provider-note{margin-top:18px;padding:13px 14px;border:1px solid var(--kps-line);border-left:4px solid var(--kps-turquoise);border-radius:4px;background:#f8fafc}.provider-note span{font-size:12px}.provider-note p,.provider-note small{font-size:10px;line-height:1.45}.provider-note p{margin:5px 0}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.corporate-login .brand-panel{display:none}.login-card{max-width:none;min-height:100vh;border:0;padding:42px max(24px,8vw)}.portal-layout{grid-template-columns:1fr}.portal-layout>aside{position:sticky;top:72px;width:100%;height:auto;padding:0 12px;overflow-x:auto;z-index:90}.aside-title{display:none}.portal-layout>aside nav{height:50px;display:flex;align-items:center;min-width:max-content}.portal-layout>aside a{height:50px;margin:0;padding:0 11px;border-left:0;border-bottom:3px solid transparent}.portal-layout>aside a.active{border-bottom-color:#45b8ba}.nav-divider{width:1px;height:25px;margin:0 7px}.portal-layout>main{padding:22px 18px 45px}.document{grid-template-columns:1fr}.doc-action{padding:16px 0 0;border-left:0;border-top:1px solid var(--kps-line)}}
@media(max-width:580px){.portal-head{height:64px;padding:0 12px}.portal-head .logo img{width:178px;height:48px}.portal-user span{display:none}.portal-user a{padding:7px 9px}.portal-layout>aside{top:64px}.portal-layout>main{padding:17px 10px 40px}.welcome{min-height:155px;padding:23px 20px}.welcome h1{font-size:27px}.welcome:before{font-size:74px}.stats,.vault{grid-template-columns:1fr 1fr}.portal-grid{grid-template-columns:1fr}.page-heading h1{font-size:24px}.login-card{padding:30px 22px}.login-logo{width:250px;height:85px}.verify-shell,.verify-result{width:calc(100% - 20px);padding:22px}.stats div{padding:13px}}