.lg-login{place-items:center;min-height:100vh;padding:40px 22px;display:grid;position:relative;overflow:hidden}.lg-login:before,.lg-login:after{content:"";z-index:0;pointer-events:none;border-radius:50%;position:absolute}.lg-login:before{aspect-ratio:1;background:radial-gradient(closest-side,#f7941e33,#f7941e00 70%);width:60vw;max-width:760px;top:-20vh;left:-14vw}.lg-login:after{aspect-ratio:1;background:radial-gradient(closest-side,#2160c42e,#2160c400 70%);width:56vw;max-width:720px;bottom:-24vh;right:-16vw}.lg-3d-bg{z-index:1;aspect-ratio:1;opacity:.3;pointer-events:none;width:min(520px,42vw);position:absolute;top:50%;right:-3%;transform:translateY(-50%)}.lg-3d-bg canvas{width:100%!important;height:100%!important}.lg-lang{z-index:6;background:var(--l-card);border:1px solid var(--l-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none;border-radius:999px;align-items:center;gap:2px;max-width:min(58vw,520px);padding:4px;display:flex;position:absolute;top:16px;right:18px;overflow-x:auto;box-shadow:0 10px 26px -14px #14326447}.lg-lang::-webkit-scrollbar{display:none}.lg-lang a{color:var(--l-faint);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;transition:color .18s,background .18s}.lg-lang a:hover{color:var(--l-ink);background:#f7941e1a}.lg-lang a.active{color:#fff;background:var(--l-grad-primary,linear-gradient(120deg, #f7941e, #f0770a));box-shadow:0 5px 14px -5px #f7941e99}.lg-wrap{z-index:3;grid-template-columns:1.05fr minmax(340px,420px);align-items:center;gap:52px;width:100%;max-width:1000px;display:grid;position:relative}.lg-brandpane{position:relative}.lg-headline{letter-spacing:-.02em;margin:14px 0 12px;font-size:clamp(1.7rem,3.3vw,2.5rem);line-height:1.12}.lg-brandpane .l-lead{max-width:46ch;font-size:14.5px}.lg-feats{grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 24px;display:grid}.lg-fc{background:var(--l-card);border:1px solid var(--l-line);border-radius:14px;align-items:flex-start;gap:12px;padding:13px 14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 12px 28px -22px #14326466}.lg-fc:hover{border-color:#f7941e66;transform:translateY(-3px);box-shadow:0 18px 36px -18px #f7941e66}.lg-fc>i{color:#fff;background:linear-gradient(135deg,#f7941e,#f0770a);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid;box-shadow:0 6px 16px -6px #f7941ea6}.lg-fc b{margin-bottom:1px;font-size:13px;display:block}.lg-fc span{color:var(--l-muted);font-size:11.5px;line-height:1.4}.lg-stats{gap:30px;display:flex}.lg-stats .s b{font-family:var(--font-jakarta), sans-serif;letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.1;display:block}.lg-stats .s small{color:var(--l-muted);font-size:11.5px}.lg-card{border-radius:22px;padding:30px 30px 26px;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #f7941e47,0 22px 54px -28px #1432644d}.lg-card:before{content:"";background:linear-gradient(90deg,#f7941e,#2160c4);height:3px;position:absolute;top:0;left:0;right:0}.lg-card .l-eyebrow{padding:6px 11px;font-size:11px}.lg-title{font-family:var(--font-jakarta), sans-serif;letter-spacing:-.02em;margin:12px 0 3px;font-size:1.45rem;font-weight:800}.lg-card>.l-muted{font-size:13.5px}.lg-card .l-field{gap:5px;margin-bottom:12px}.lg-card .l-field label{letter-spacing:.02em;font-size:11.5px;font-weight:600}.lg-card .l-btn-lg{border-radius:12px;margin-top:4px;padding:12px 22px;font-size:14.5px}.lg-inwrap{position:relative}.lg-inwrap .l-input{border-radius:11px;padding:11px 14px 11px 40px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.lg-inwrap .l-input:focus{border-color:var(--l-c1);outline:none;box-shadow:0 0 0 3px #f7941e2e}.lg-inwrap>i{color:var(--l-faint);pointer-events:none;font-size:16px;transition:color .18s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.lg-inwrap:focus-within>i{color:var(--l-c1)}.lg-eye{color:var(--l-faint);cursor:pointer;background:0 0;border:0;padding:6px;font-size:16px;transition:color .18s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lg-eye:hover{color:var(--l-c1)}.lg-alert{color:#c02231;background:#dc262d17;border:1px solid #dc262d47;border-radius:12px;align-items:center;gap:9px;margin-bottom:15px;padding:11px 13px;font-size:13.5px;display:flex}.lg-alert i{flex-shrink:0;font-size:17px}.lg-row{justify-content:space-between;align-items:center;margin:4px 0 16px;font-size:13px;display:flex}.lg-rem{color:var(--l-muted);cursor:pointer;align-items:center;gap:8px;display:flex}.lg-rem input{accent-color:var(--l-c1);width:15px;height:15px}.lg-fg{color:var(--l-c1);font-weight:600}.lg-fg:hover{text-decoration:underline}.lg-secure{color:var(--l-faint);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:11.5px;display:flex}.lg-secure i{color:var(--l-c1)}.lg-foot{text-align:center;border-top:1px solid var(--l-line);color:var(--l-faint);margin-top:18px;padding-top:15px;font-size:12px}.lg-foot b{color:var(--l-muted)}.sp{animation:.8s linear infinite l-spin}.hrms-landing:not(.light) .lg-login:before{background:radial-gradient(closest-side,#f7941e42,#f7941e00 70%)}.hrms-landing:not(.light) .lg-login:after{background:radial-gradient(closest-side,#2160c43d,#2160c400 70%)}.hrms-landing:not(.light) .lg-card{box-shadow:0 30px 80px -30px #f7941e38, var(--l-shadow)}.hrms-landing:not(.light) .lg-fc{box-shadow:none}.hrms-landing:not(.light) .lg-fc:hover{box-shadow:0 18px 36px -20px #f7941e4d}.hrms-landing:not(.light) .lg-lang{box-shadow:var(--l-shadow)}.hrms-landing:not(.light) .lg-lang a:hover{background:#f7941e24}.hrms-landing:not(.light) .lg-alert{color:#ffb3c0;background:#ff5a6e21;border-color:#ff5a6e57}@media (max-width:900px){.lg-wrap{grid-template-columns:1fr;gap:30px;max-width:460px}.lg-3d-bg{display:none}.lg-brandpane{text-align:center}.lg-brandpane .l-brand{justify-content:center}.lg-brandpane .l-lead,.lg-brandpane .l-eyebrow{margin-left:auto;margin-right:auto}.lg-feats{grid-template-columns:1fr}.lg-fc{text-align:left}.lg-stats{justify-content:center}.lg-lang{max-width:100%;margin:0 auto 6px;position:static}}@media (max-width:480px){.lg-login{padding:24px 16px}.lg-feats{display:none}.lg-card{border-radius:18px;padding:24px 20px}.lg-stats{gap:22px}}.sg-wrap{grid-template-columns:.82fr 1.18fr;max-width:1040px}.sg-hint{color:var(--l-faint);margin-top:4px;font-size:11px}.lg-checks{flex-direction:column;gap:13px;margin:26px 0 4px;display:flex}.lg-check{color:var(--l-muted);align-items:center;gap:12px;font-size:14.5px;display:flex}.lg-check i{color:#fff;background:linear-gradient(135deg,#f7941e,#f0770a);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:16px;display:grid;box-shadow:0 5px 14px -6px #f7941e99}@media (max-width:900px){.sg-wrap{grid-template-columns:1fr;max-width:480px}.lg-checks{max-width:340px;margin-left:auto;margin-right:auto}}
.mf-login{--l-c1:#34e2ad;--l-c2:#3f9bff;--l-c3:#8b5cff;--l-c4:#ffd483;--l-emerald:#22c79a;--l-bg:#060a14;--l-bg2:#0a1020;--l-ink:#eaf2ff;--l-muted:#dbe8ffa8;--l-faint:#dbe8ff70;--l-line:#78aaff24;--l-card:#ffffff0a;--l-card-2:#ffffff12;--l-grad-text:linear-gradient(96deg, #34e2ad, #3f9bff 52%, #8b5cff);--l-grad-ai:linear-gradient(120deg, #34e2ad, #3f9bff 52%, #8b5cff);--l-grad-primary:linear-gradient(135deg, #34e2ad, #3f9bff 55%, #8b5cff);--l-glow:0 0 60px -10px #3f9bff8c;--ash-soft:#34e2ad1a;--ash-primary:#22c79a;--ash-primary-2:#34e2ad}.mf-login:before{background:radial-gradient(1100px 620px at 82% -10%,#8b5cff38,#0000 62%),radial-gradient(950px 580px at 6% 2%,#34e2ad29,#0000 60%),radial-gradient(820px 640px at 46% 106%,#3f9bff2e,#0000 62%),linear-gradient(#060a14 0%,#070c18 55%,#05080f 100%)}.mf-login .l-eyebrow{color:#7ff0ce;background:#34e2ad17;border-color:#34e2ad42;box-shadow:0 6px 20px -14px #34e2adb3}.mf-login .l-grad{background:var(--l-grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.mf-login .l-btn-primary{color:#05131c;background:linear-gradient(135deg,#34e2ad,#3f9bff 58%,#8b5cff);font-weight:750;box-shadow:0 14px 34px -12px #3f9bff99}.mf-login .l-btn-primary:hover:not(:disabled){box-shadow:0 22px 48px -12px #8b5cffb8}.mf-login .l-btn-primary i{color:#05131c}.mf-login .lg-card:before,.mf-login .lg-card:after{background:var(--l-grad-primary)!important}.mf-login .lg-card,.hrms-landing.mf-login:not(.light) .lg-card{box-shadow:0 30px 80px -30px #3f9bff4d,0 22px 54px -28px #8b5cff42}.hrms-landing.mf-login:not(.light) .lg-fc:hover{box-shadow:0 18px 36px -20px #3f9bff57}.mf-login .l-input:focus,.mf-login .lg-inwrap:focus-within{border-color:#3f9bff8c;box-shadow:0 0 0 3px #3f9bff24}.mf-login .lg-inwrap>i{color:#7fc0ff}.mf-login .lg-eye:hover{color:#34e2ad}.mf-login .lg-rem input[type=checkbox]{accent-color:#3f9bff}.mf-login .lg-fg{color:#7fc0ff}.mf-login .lg-fg:hover{color:#34e2ad}.mf-login .lg-fc i{color:#7fc0ff;background:#3f9bff1f;border-color:#3f9bff47;box-shadow:0 10px 24px -16px #3f9bffcc}.mf-login .lg-fc:hover{border-color:#3f9bff66;box-shadow:0 22px 52px -30px #3f9bff80}.mf-login .lg-stats .s b{background:var(--l-grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.mf-login .lg-secure i{color:#34e2ad}.mf-login .lg-foot b{color:#eaf2ff}.mf-login .lg-alert{border-color:#f8717157}.mf-login .sp{animation:.9s linear infinite mf-spin}@keyframes mf-spin{to{transform:rotate(360deg)}}.mf-login .mf-back{z-index:4;color:var(--l-muted);border:1px solid var(--l-line);background:#ffffff0d;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:absolute;top:18px;left:20px}.mf-login .mf-back:hover{color:var(--l-ink);background:#ffffff17;border-color:#3f9bff5c}@media (max-width:720px){.mf-login .mf-back{padding:7px 12px;font-size:12.5px;top:12px;left:12px}}