:root{--ss-red:#d71920;--ss-red-dark:#9e0e16;--ss-ink:#151922;--ss-navy:#202938;--ss-soft:#f4f6f9;--ss-line:#e4e7ec;--ss-card:#fff;--ss-muted:#667085;--ss-shadow:0 18px 55px rgba(16,24,40,.12)}
*{box-sizing:border-box}body{background:var(--ss-soft);color:var(--ss-ink)}
.self-service-login{position:relative;min-height:100svh;grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr);overflow:hidden;background:#eef1f5}
.self-service-login .brand-panel{position:relative;min-height:100svh;padding:42px clamp(42px,6vw,92px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(145deg,#b80f18 0%,#df2029 52%,#ef4b51 100%);color:#fff}
.self-service-login .brand-panel:before{content:"";position:absolute;inset:auto -18% -38% auto;width:620px;height:620px;border:115px solid rgba(255,255,255,.08);border-radius:50%}.self-service-login .brand-panel:after{content:"";position:absolute;left:-120px;top:28%;width:330px;height:330px;border:72px solid rgba(0,0,0,.055);border-radius:50%}
.operator-brand,.operator-message{position:relative;z-index:2}.operator-brand{display:flex;align-items:center;gap:18px}.operator-brand .brand-logo{width:310px;height:104px;margin:0;padding:8px 14px;border-radius:12px;background:#fff;object-fit:contain}.operator-brand>span{max-width:170px;color:#fff;font-size:10px;font-weight:800;line-height:1.45;letter-spacing:.12em}
.operator-message{max-width:650px;margin:auto 0}.operator-kicker{display:inline-flex!important;margin:0 0 17px!important;padding:7px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff!important;background:rgba(255,255,255,.11);font-size:10px!important;font-weight:800;letter-spacing:.12em}.self-service-login .operator-message h1{max-width:620px;margin:0 0 17px;color:#fff;font:800 clamp(38px,4.4vw,68px)/1.02 Arial,sans-serif;letter-spacing:-.045em}.self-service-login .operator-message p{max-width:570px;margin:0;color:rgba(255,255,255,.86);font-size:16px;line-height:1.65}.self-service-login .trust-row{margin-top:28px}.self-service-login .trust-row b{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff}
.brand-orbit{position:absolute;right:8%;bottom:8%;width:170px;height:170px;opacity:.45}.brand-orbit i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.4);border-radius:50%}.brand-orbit i:nth-child(2){inset:28px}.brand-orbit i:nth-child(3){inset:58px;background:#fff;border:0}
.self-service-login .login-card{min-height:100svh;max-width:none;padding:clamp(40px,7vh,78px) clamp(38px,5vw,76px);display:flex;flex-direction:column;justify-content:center;border:0;background:#fff}.self-service-login .login-logo{width:285px;height:95px;margin:0 0 24px}.self-service-login .secure-label{color:var(--ss-red);letter-spacing:.13em}.self-service-login .login-step>span{background:#fff0f1;color:var(--ss-red)}.self-service-login .login-step h2{font-size:30px}.self-service-login .kps-login-form input[type=text],.self-service-login .kps-login-form input[type=password]{height:48px;border-color:#cfd4dc;border-radius:8px}.self-service-login .kps-login-form input:focus{border-color:var(--ss-red);box-shadow:0 0 0 4px rgba(215,25,32,.1)}.self-service-login .kps-login-form button{height:48px;border-radius:8px;background:linear-gradient(135deg,var(--ss-red),#b30f17);box-shadow:0 8px 22px rgba(215,25,32,.22)}.self-service-login .kps-login-form button:hover{background:var(--ss-red-dark)}.self-service-login .provider-note{border-left-color:var(--ss-red);background:#fff8f8}.self-service-login .login-links a{color:#99121a}
.portal-head{height:76px;padding:0 26px;border-top:0;border-bottom:1px solid var(--ss-line);box-shadow:0 2px 14px rgba(16,24,40,.055)}.portal-head:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--ss-red),#ef5960 40%,var(--ss-ink) 40%)}.portal-head .logo img{width:230px;height:60px}.portal-user a{border-radius:8px}.portal-layout{grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 76px)}.portal-layout>aside{top:76px;width:244px;height:calc(100vh - 76px);padding:22px 13px;background:linear-gradient(180deg,#202734,#171d27)}.portal-layout>aside a{height:44px;border-left:0;border-radius:8px}.portal-layout>aside a.active{border-left:0;background:linear-gradient(100deg,var(--ss-red),#b50e16);box-shadow:0 7px 18px rgba(0,0,0,.2)}.portal-layout>aside .ybs-link{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07)}.portal-layout>aside .ybs-link:hover{background:#fff;color:var(--ss-ink)}
.portal-layout>main{max-width:1320px;padding:28px 32px 56px}.welcome{min-height:172px;border:0;border-radius:14px;background:linear-gradient(115deg,#fff 0%,#fff 72%,#fff1f2 72%);box-shadow:0 9px 30px rgba(16,24,40,.08)}.welcome>span,.page-heading>span,.section-title span{color:var(--ss-red)}.welcome:before{color:rgba(215,25,32,.07)}.stats div,.portal-grid a,.document,.profile-card,.security-card,.security-list article,.notification-list a,.empty-card,.vault div{border-color:var(--ss-line);border-radius:12px;background:#fff}.stats div:first-child{border-top:3px solid var(--ss-red)}.portal-grid a:after{background:#fff0f1;color:var(--ss-red)}.portal-grid a:hover,.document:hover{border-color:#e7a9ad;box-shadow:0 10px 28px rgba(16,24,40,.09)}.doc-action button,.verify-form button,.security-card button,.kps-login-form button{background:var(--ss-red);border-radius:8px}.doc-action button:hover,.verify-form button:hover,.security-card button:hover,.kps-login-form button:hover{background:var(--ss-red-dark)}.verify-shell,.verify-result{border-top-color:var(--ss-red);border-radius:14px}.verified-mark{background:#fce8e9!important;color:var(--ss-red)!important}.approval-seal{border-color:#efc4c7!important;background:#fff8f8!important}.approval-seal span{color:var(--ss-red)!important}
@media(max-width:980px){.self-service-login{grid-template-columns:1fr}.self-service-login .brand-panel{display:none}.self-service-login .login-card{min-height:100svh;padding:38px max(24px,9vw)}.portal-layout{grid-template-columns:1fr}.portal-layout>aside{top:76px;width:100%;height:auto;padding:0 12px}.portal-layout>aside a.active{box-shadow:none}.portal-layout>main{padding:22px 18px 46px}}
@media(max-width:580px){.portal-head{height:66px}.portal-layout>aside{top:66px}.portal-head .logo img{width:168px;height:48px}.portal-layout>main{padding:18px 10px 40px}.self-service-login .login-card{padding:28px 22px}.self-service-login .login-logo{width:240px;height:82px}.self-service-login .login-step h2{font-size:26px}}
.kps-menu-toggle{display:none;border:0;background:transparent;color:var(--ss-ink);font-weight:800}.kps-menu-toggle span{font-size:22px}.gkkps-danger,.danger-button{border-color:#b42318!important;background:#b42318!important;color:#fff!important}.gkkps-workspace-tabs{display:flex;gap:6px;overflow:auto;margin:-10px 0 20px;padding:10px 12px;border:1px solid #e4e7ec;border-radius:12px;background:#fff}.gkkps-workspace-tabs a{padding:9px 12px;border-radius:8px;color:#475467;text-decoration:none;font-weight:700;white-space:nowrap}.gkkps-workspace-tabs a.active,.gkkps-workspace-tabs a:hover{background:#fff0f1;color:#b4111b}.inline-actions{display:inline-flex!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.session-warning{position:fixed;right:20px;bottom:20px;z-index:300;max-width:390px;padding:14px 17px;border-left:5px solid #f79009;border-radius:10px;background:#fff7e6;color:#7a2e0e;box-shadow:0 16px 40px rgba(16,24,40,.2);font-weight:700}
@media(max-width:700px){.kps-menu-toggle{display:flex;align-items:center;gap:5px;order:-1}.portal-head{gap:7px}.portal-head .logo{margin-right:auto}.portal-layout>aside{position:fixed;left:0;top:66px;bottom:0;width:min(86vw,310px);height:auto;padding:18px 12px;transform:translateX(-105%);transition:transform .22s ease;z-index:150;overflow-y:auto;box-shadow:20px 0 45px rgba(0,0,0,.22)}.portal-layout>aside nav{height:auto;display:block;min-width:0}.portal-layout>aside a{height:46px;margin:3px 0;border-bottom:0}.kps-menu-open .portal-layout>aside{transform:translateX(0)}.kps-menu-open:after{content:"";position:fixed;inset:66px 0 0;background:rgba(12,18,28,.42);z-index:140}.self-service-login .login-card{min-height:100svh;padding-top:22px;padding-bottom:22px}.self-service-login .login-logo{margin-bottom:10px}.self-service-login .provider-note{margin-top:10px}.self-service-login .login-links{margin-top:10px;padding-top:10px}}