.brand-logo{display:inline-flex;width:42px;height:42px;flex:none;border-radius:50%;overflow:hidden;background:#202020;box-shadow:0 0 0 4px #e9515910}.brand-logo picture,.brand-logo img{display:block;width:100%;height:100%;object-fit:cover}.brand-logo-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;color:#fff;background:#dc3845}.workspace-loading .brand-logo{width:54px;height:54px}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin.woff2) format("woff2")}:root{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--navy:#252742;--teal:#5b56e9;--border:#e8eaf1;--muted:#7b8195;color:#252742;background:#f7f8fc}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid var(--border);border-radius:12px;background:#fff;color:#252742;min-height:42px;padding:10px 15px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5b56e955;outline-offset:3px}.primary{background:#5b56e9;border-color:#5b56e9;color:#fff;font-weight:600}.primary:hover{background:#4842d4;border-color:#4842d4}.error{color:#bf3444;background:#fff1f3;padding:13px 16px;border-radius:10px;font-size:14px}.workspace-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#7b8195;background:#f7f8fc}.workspace-loading p{font-size:14px}.spin{animation:pendekar-spin 1s linear infinite}@keyframes pendekar-spin{to{transform:rotate(360deg)}}.hris-login{display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(ellipse at 12% 70%,#f0eefc 0,transparent 50%),radial-gradient(ellipse at 80% 0,#fceef180,transparent 45%),#f9fafe;position:relative;overflow:hidden}.login-topbar{display:flex;align-items:center;justify-content:space-between;padding:32px 5vw;gap:25px;max-width:1500px;width:100%;margin:0 auto}.login-wordmark{display:flex;align-items:center;gap:13px}.login-wordmark strong{font-size:23px;letter-spacing:-1px;font-weight:800;color:#252742}.login-wordmark strong>span{font-size:11px;vertical-align:super;letter-spacing:0;margin-left:3px;font-weight:400}.login-wordmark small{display:block;font-size:11px;color:#7b8195;letter-spacing:.3px;margin-top:2px}.login-company{display:flex;align-items:center;gap:8px;font-size:12px;color:#7b8195}.login-layout{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:35px 5vw 55px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.9fr);gap:8vw;align-items:center}.login-hero{min-width:0;position:relative}.login-eyebrow{display:flex;align-items:center;gap:9px;color:#77738f;font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:23px}.login-eyebrow>span{height:6px;width:6px;border-radius:50%;background:#8d83eb;box-shadow:0 0 0 4px #8d83eb14}.login-hero h1{font-size:clamp(38px,3.9vw,55px);line-height:1.17;letter-spacing:-2.3px;font-weight:800;color:#252742}.login-hero h1 em{font-style:normal;color:#6559d9}.login-hero>p{font-size:15px;line-height:1.9;color:#75788d;max-width:430px;margin-top:21px}.login-workflow-art{position:relative;min-height:285px;max-width:540px;margin-top:33px}.workflow-orbit{position:absolute;inset:15px -30px 0 35px;border-radius:50%;border:1px dashed #d9d3ee;transform:rotate(-14deg);pointer-events:none}.workflow-preview{position:relative;top:48px;z-index:1;max-width:470px;padding:23px;background:#fff;border:1px solid #eae7f4;border-radius:19px;box-shadow:0 25px 60px #3b326312;transform:rotate(-2deg);transition:transform .3s}.login-workflow-art:hover .workflow-preview{transform:rotate(0) translateY(-2px)}.preview-heading{display:flex;gap:12px;align-items:center}.preview-icon{display:flex;align-items:center;justify-content:center;width:41px;height:41px;flex:none;background:#f0edff;color:#6b58df;border-radius:12px}.preview-heading strong{display:block;font-size:13px;color:#45425e}.preview-heading small{display:block;font-size:10px;color:#9492a8;margin-top:5px}.preview-tag{margin-left:auto;font-size:9px;line-height:1.5;color:#8d85aa;background:#f7f5fc;padding:5px 8px;border-radius:7px;max-width:65px}.preview-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;position:relative}.preview-stages:before{content:"";position:absolute;left:16%;right:16%;top:19px;border-top:1px dashed #dcd5f4}.preview-stages>div{display:flex;align-items:center;flex-direction:column;position:relative;min-width:0}.preview-stages>div>span{height:38px;width:38px;border:5px solid white;border-radius:50%;background:#efedff;color:#6b58df;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin-top:-5px}.preview-stages>div:nth-child(2)>span{color:#da9164;background:#fff1e8}.preview-stages>div:nth-child(3)>span{color:#34a38b;background:#eaf8f2}.preview-stages strong{font-size:12px;margin-top:7px;color:#55526e}.preview-stages small{font-size:9px;color:#9593a8;margin-top:5px;white-space:nowrap}.workflow-float{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:13px;background:#fff;border:1px solid #eae7f4;box-shadow:0 10px 30px #30225c0b;z-index:2}.workflow-float>span{height:33px;width:33px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}.workflow-float small{display:block;font-size:10px;color:#8d8ba3}.workflow-float strong{display:block;font-size:12px;color:#49465f;margin-top:5px}.workflow-float.dates{right:0;top:0;transform:rotate(3deg)}.workflow-float.dates>span{color:#dd7955;background:#fff1eb}.workflow-float.compliance{left:28px;bottom:-6px;transform:rotate(2deg)}.workflow-float.compliance>span{color:#39a58d;background:#edf9f4}.login-feature-tags{display:flex;gap:10px;margin-top:28px;color:#8a879c;font-size:11px}.login-feature-tags>span{display:flex;align-items:center;gap:6px;border:1px solid #e3e0ef;border-radius:30px;padding:7px 11px;background:#ffffff70}.hris-login .login-entry{position:relative;background:#fff;border:1px solid #ffffff;border-radius:25px;padding:39px 36px;box-shadow:0 28px 80px #2924490d,0 0 0 1px #edecf2;align-self:center}.login-form-wrap{width:100%;max-width:420px;margin:auto}.login-form-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#9b94b3;margin-bottom:12px}.login-entry h2{font-size:28px;line-height:1.25;letter-spacing:-1px;font-weight:800;color:#252742}.login-intro{font-size:13px;line-height:1.8;color:#77788d;margin:13px 0 27px}.login-form-wrap form{display:grid;gap:10px}.login-form-wrap form>label{font-size:12px;font-weight:600;color:#555166;margin-top:9px}.login-input{display:flex;align-items:center;gap:12px;border:1px solid #e6e5ee;background:#fafafd;border-radius:12px;padding:0 14px;min-height:52px;color:#a5a2b5;transition:border-color .18s,box-shadow .18s,background .18s}.login-input:focus-within{background:#fff;border-color:#aaa2ef;box-shadow:0 0 0 3px #6b58df0a}.login-input input{border:0;outline:none;background:transparent;padding:15px 0;width:100%;min-width:0;color:#45405d;font-size:13px}.login-input input:focus-visible{outline:none}.login-input input::placeholder{color:#aaa7b9}.login-input>svg{flex:none}.login-input button{border:0;background:transparent;min-height:35px;padding:7px;color:#a09cae;margin-right:-6px}.login-submit{height:51px;margin-top:14px;justify-content:center;font-size:13px;border-radius:12px;box-shadow:0 7px 20px #5b56e91e;position:relative}.login-submit>svg:last-child:not(.spin){position:absolute;right:19px}.login-submit:hover{box-shadow:0 8px 25px #5b56e933;transform:translateY(-1px)}.login-form-wrap .error{margin:3px 0 0;line-height:1.7}.login-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:#aaa5b6;margin:24px 0 20px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#efedf5;flex:1}.login-demo{width:100%;min-height:48px;border-radius:12px;border-color:#e7e3f3;background:#fcfbff;color:#7566b4;justify-content:space-between;padding:11px 15px;font-size:12px}.login-demo:hover{background:#f6f2ff;border-color:#c7bbef}.login-account-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#a29cae;font-size:10px;margin-top:24px;line-height:1.6}.login-page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#aaa5b8;font-size:11px;padding:22px 5vw;width:100%;max-width:1500px;margin:0 auto}@media(min-width:1550px){.login-layout{max-width:1400px;gap:110px}.login-hero h1{font-size:61px}.hris-login .login-entry{padding:45px;max-width:475px}.login-hero>p{font-size:15px}}@media(max-width:1100px){.login-layout{gap:38px;grid-template-columns:minmax(0,1fr) 390px;padding-left:4vw;padding-right:4vw}.login-hero h1{font-size:40px;letter-spacing:-1.7px}.hris-login .login-entry{padding:32px}.preview-tag{display:none}.workflow-float.dates{right:0}.workflow-preview{padding:19px}.preview-heading small{font-size:9px}.preview-stages small{font-size:7px}.workflow-orbit{right:0}.login-feature-tags{gap:6px}.login-feature-tags>span{font-size:10px;padding:6px 9px}}@media(max-width:900px){.login-layout{grid-template-columns:1fr;max-width:560px;gap:32px;padding:18px 30px 35px}.login-hero h1{font-size:38px}.login-hero>p{font-size:14px}.login-workflow-art,.login-feature-tags{display:none}.hris-login .login-entry{width:100%}.login-company{font-size:11px}.login-topbar{padding:25px 30px}.login-page-footer{padding:20px 30px}}@media(max-width:760px){.login-topbar{padding:28px 24px}.login-company{display:none}.login-layout{padding:15px 22px 35px;max-width:480px;align-content:center}.login-hero{display:none}.hris-login .login-entry{padding:30px 25px;border-radius:22px}.login-entry h2{font-size:26px}.login-input input{font-size:14px}.login-account-note{font-size:10px}.login-page-footer{justify-content:center;text-align:center;padding:18px 22px;font-size:10px}.login-page-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.login-submit:hover{transform:none}}