@font-face{font-family:HRMC Phase Thai;src:url(/assets/hrmc-phase-flow-thai-regular-v127.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:HRMC Phase Thai;src:url(/assets/hrmc-phase-flow-thai-bold-v127.ttf)format("truetype");font-style:normal;font-weight:600 900;font-display:swap}.login-container[data-hrmc-phase-flow-bridge=hidden]{visibility:hidden!important;pointer-events:none!important}#hrmc-phase-flow-login-v127{--pf-bg:#000d1a;--pf-panel:#071d34;--pf-text:#f5f7fb;--pf-muted:#b9c5d5;--pf-gold:#e8bd55;--pf-gold-light:#ffe5a0;--pf-field:#e8f3ff;--pf-ink:#12233c;color:var(--pf-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:2147483000;background:var(--pf-bg);isolation:isolate;font-family:HRMC Phase Thai,Noto Sans Thai,Sarabun,Tahoma,sans-serif;font-size:16px;line-height:1.75;position:fixed;inset:0;overflow:hidden}#hrmc-phase-flow-login-v127 *,#hrmc-phase-flow-login-v127 :before,#hrmc-phase-flow-login-v127 :after{box-sizing:border-box}#hrmc-phase-flow-login-v127 button,#hrmc-phase-flow-login-v127 input{font:inherit}#hrmc-phase-flow-login-v127 button{cursor:pointer;touch-action:manipulation}#hrmc-phase-flow-login-v127 button:focus-visible{outline-offset:4px;outline:3px solid #f4cf76}#hrmc-phase-flow-login-v127 input:focus-visible{outline:0}.pf-art,.pf-art img,.pf-vignette{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pf-art{z-index:-3;background:radial-gradient(ellipse at 18% 32%, #0e365e 0%, transparent 38%), radial-gradient(ellipse at 81% 16%, #0a3154 0%, transparent 42%), var(--pf-bg);overflow:hidden}.pf-art img{object-fit:contain;display:block}.pf-vignette{z-index:-2;background:linear-gradient(90deg,#000d1a2e,#0000 18% 86%,#000d1a5c),linear-gradient(#000d1a30,#0000 20% 84%,#000d1a44)}.pf-app{opacity:0;grid-template-columns:minmax(0,1.85fr) minmax(350px,1fr);align-items:center;gap:clamp(24px,2.6vw,52px);width:calc(100% - clamp(32px,5vw,112px));max-width:1900px;min-height:100dvh;margin:auto;padding:clamp(24px,3vh,40px) 0;transition:opacity .24s;display:grid}#hrmc-phase-flow-login-v127.is-ready .pf-app{opacity:1}.pf-mobile-brand{display:none}.pf-showcase{min-width:0;height:clamp(600px,100dvh - 96px,780px);position:relative}.pf-brand-note{color:#86b3d4;margin:0;font-size:clamp(12px,.92vw,17px);line-height:1.95;position:absolute;top:1%;left:0}.pf-brand-note span{display:block}.pf-brand-note:after{content:"";background:var(--pf-gold);width:31px;height:2px;margin-top:17px;display:block;box-shadow:0 0 8px #d9a84866}.pf-brand{z-index:2;text-align:center;width:56%;position:absolute;top:17%;left:0}.pf-brand-lockup{flex-direction:column;align-items:center;gap:10px;display:flex}.pf-crest{aspect-ratio:276/181;filter:drop-shadow(0 0 20px #e7bc422c)drop-shadow(0 8px 15px #0008);width:clamp(140px,12vw,225px);display:block}.pf-crest-frame{line-height:0;display:inline-block;position:relative}.pf-crest-frame:after{content:"";opacity:0;pointer-events:none;clip-path:polygon(3% 95%,28% 36%,33% 47%,50% 5%,66% 42%,69% 33%,97% 95%,50% 72%);mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#fff8dd9c 49%,#fffff1cf 54%,#0000);width:25%;position:absolute;top:-7%;bottom:-4%;left:0;transform:translate(-180%)skew(-18deg)}.pf-wordmark{letter-spacing:.5px;white-space:nowrap;font:800 clamp(46px,4vw,76px)/1.12 Arial,Helvetica,sans-serif}.pf-wordmark span{color:#0000;background:linear-gradient(140deg,#ffe49a,#dfae38 56%,#ffdc7a);-webkit-background-clip:text;background-clip:text}.pf-brand-subtitle{letter-spacing:0;margin:13px 0 0;font-size:clamp(21px,1.75vw,33px);font-weight:700;line-height:1.85}.pf-brand-subtitle span{display:block}.pf-brand-divider{background:linear-gradient(90deg,#0000,#d7ad50 43%,#ffefb6 50%,#d7ad50 57%,#0000);width:72%;height:1px;margin:17px auto 0;position:relative}.pf-brand-divider:after{content:"";background:linear-gradient(90deg,#0000,#ffebad,#0000);width:10%;height:2px;position:absolute;top:-.5px;left:45%;box-shadow:0 0 12px #ffc95988}.pf-module-map{z-index:3;width:58%;height:100%;position:absolute;top:0;right:0;container-type:size}.pf-module-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pf-flow-link{fill:none;stroke:url(#pf-flow-gold);stroke-width:1.45px;vector-effect:non-scaling-stroke}.pf-flow-dot{fill:#fff2b2;filter:drop-shadow(0 0 3px #ffe19a)drop-shadow(0 0 9px #ffbd4a);opacity:.88}.pf-flow-motion{opacity:0;pointer-events:none}.pf-flow-motion-head,.pf-flow-motion-tail{fill:#fff2b2;filter:drop-shadow(0 0 3px #ffe19a)drop-shadow(0 0 9px #ffbd4a)}.pf-phase{--u:calc(100cqw / 664);--v:calc(100cqh / 667);left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--v));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--v));align-content:center;place-items:center;gap:max(5px, calc(7 * var(--v)));min-width:0;min-height:0;padding:calc(9 * var(--v)) calc(5 * var(--u));border-radius:calc(var(--r) * min(var(--u), var(--v)));color:#ffd16a;text-align:center;isolation:isolate;opacity:.64;animation:.44s ease-out both pf-phase-arrive;animation-delay:calc(var(--order) * 60ms + .16s);background:radial-gradient(at 38% 0,#183d5870,#0000 54%),linear-gradient(150deg,#071b2afa,#00111ff5);border:1px solid #d9b75f;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s;display:grid;position:absolute;box-shadow:inset 0 1px #ffe8a2bb,inset 0 -1px #164e7370,0 6px 22px #0008}.pf-phase:before{content:"";background:linear-gradient(90deg,#0000,#fff4c3,#0000);width:44%;height:1px;position:absolute;top:-1px;left:28%;box-shadow:0 0 10px #ffd16d66}.pf-phase:after{content:attr(data-tooltip);z-index:10;width:max-content;max-width:220px;color:var(--pf-text);opacity:0;pointer-events:none;background:#061a2df2;border:1px solid #cda95a;border-radius:7px;padding:7px 10px;font-size:12px;line-height:1.65;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%,5px);box-shadow:0 10px 28px #0009}.pf-phase:hover,.pf-phase:focus-visible{z-index:7;opacity:1;border-color:#f1ce73;transform:translateY(-3px);box-shadow:inset 0 1px #ffe8a2cc,0 0 22px #ffc5532c,0 12px 28px #0009}.pf-phase:hover:after,.pf-phase:focus-visible:after{opacity:1;transform:translate(-50%)}.pf-phase-icon{width:calc(var(--icon-w) * var(--u));height:calc(var(--icon-h) * var(--v));color:#ffd16a;filter:drop-shadow(0 1px 1px #97721e66);min-width:25px;min-height:25px}.pf-phase-label{width:100%;color:var(--pf-text);font-size:clamp(10px, calc(var(--font) * var(--u)), 16px);font-weight:700;line-height:1.48;display:block}.pf-phase-label small{color:#c5d2e1;margin-top:2px;font-size:.82em;font-weight:400;display:block}.pf-feature-grid{z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:67%;display:grid;position:absolute;bottom:0;left:0}.pf-feature{min-width:0;min-height:clamp(82px,10vh,99px);color:var(--pf-text);text-align:left;background:radial-gradient(at 52% 0,#41516035,#0000 61%),linear-gradient(145deg,#041a2de8,#00101fed);border:1px solid #39799ec9;border-radius:8px;align-items:center;gap:clamp(10px,1vw,18px);padding:15px clamp(11px,1vw,20px);transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;box-shadow:inset 0 1px #a3b2b61b,0 8px 26px #0003}.pf-feature:hover,.pf-feature:focus-visible{background:linear-gradient(145deg,#0d2c43,#041524);border-color:#e2c16d;transform:translateY(-3px);box-shadow:inset 0 1px #d2e0e440,0 12px 28px #0008,0 0 16px #deb64a1f}.pf-feature-icon{color:#eac45f;background:#d4af370b;border:1px solid #d4af3766;border-radius:50%;flex:none;place-items:center;width:clamp(37px,3.1vw,57px);height:clamp(37px,3.1vw,57px);display:grid}.pf-feature-icon svg{width:clamp(23px,1.9vw,32px);height:clamp(23px,1.9vw,32px)}.pf-feature-stroke{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round}.pf-feature-icon{color:#f4cc6b;background:radial-gradient(circle at 27% 5%,#e6c3600c,#0000 67%),#00111caa;border-color:#d1a951b3}.pf-feature strong,.pf-feature small{display:block}.pf-feature strong{font-size:clamp(12px,.93vw,16px);line-height:1.65}.pf-feature small{color:var(--pf-muted);font-size:clamp(10px,.74vw,13px);line-height:1.8}.pf-panel{background:radial-gradient(at 101% -12%,#18334765,#0000 58%),radial-gradient(at -15% 102%,#76634417,#0000 50%),linear-gradient(125deg,#041725f5,#001020fa 76%);border:1px solid #e7c36a;border-radius:27px;align-self:center;min-width:0;padding:clamp(28px,2.4vw,46px) clamp(25px,2.65vw,50px) clamp(21px,1.7vw,31px);transition:box-shadow .22s;position:relative;overflow:visible;box-shadow:inset 0 0 27px #a4bdd010,0 0 0 1px #ffe49735,0 0 30px #e1b65316,0 22px 70px #0006}.pf-panel:before{content:"";opacity:.9;pointer-events:none;background:#fff5d0;border-radius:50%;width:3px;height:3px;position:absolute;top:8px;left:8px;box-shadow:0 0 5px 2px #fff0b8,0 0 16px 5px #f2be5b9c,0 0 29px 9px #d79c392e}.pf-panel:after{content:"";pointer-events:none;background:#fff0b8;border-radius:50%;width:3px;height:3px;position:absolute;bottom:8px;right:8px;box-shadow:0 0 5px 2px #fff0b8,0 0 16px 4px #f2be5b99,0 0 25px 7px #d79c3922}.pf-panel>*{z-index:1;position:relative}.pf-heading{margin:0;font-size:clamp(31px,2.45vw,44px);font-weight:700;line-height:1.55}.pf-welcome{color:var(--pf-muted);margin:5px 0 0;font-size:clamp(13px,1vw,17px);line-height:1.85}.pf-form{margin-top:24px}.pf-field{margin:0 0 19px}.pf-field label{margin-bottom:7px;font-size:clamp(13px,.9vw,16px);font-weight:700;line-height:1.8;display:block}.pf-input-wrap{color:#8aa0ba;background:linear-gradient(125deg,#edf7ff,#e3effc);border:1px solid #c5d3e6;border-radius:13px;align-items:center;min-height:56px;transition:border-color .15s,box-shadow .15s;display:flex}.pf-input-wrap:focus-within{border-color:#cddff2;box-shadow:0 0 0 2px #e8c36955,0 0 18px #ffe3a012}.pf-field label,.pf-input-icon,.pf-password-toggle{transition:color .16s}.pf-field:focus-within label{color:#f4cf76}.pf-input-wrap:focus-within .pf-input-icon,.pf-input-wrap:focus-within .pf-password-toggle{color:#916c20}.pf-input-wrap.is-invalid{border-color:#ffb5ac;box-shadow:0 0 0 2px #ff856a20}.pf-input-icon{color:#a3b9d5;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:22px;height:22px;margin-left:16px}.pf-input-wrap input{width:100%;min-width:0;min-height:54px;color:var(--pf-ink);background:0 0;border:0;border-radius:12px;outline:0;padding:12px 13px;font-size:16px;line-height:1.8}.pf-input-wrap input::placeholder{color:#64768b;opacity:1}.pf-input-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--pf-ink);-webkit-box-shadow:0 0 0 1000px var(--pf-field) inset}.pf-password-toggle{color:#a3b9d5;background:0 0;border:0;border-radius:8px;flex:none;align-self:stretch;place-items:center;width:48px;margin:3px 4px 3px 0;padding:0;display:grid}.pf-password-toggle:hover{color:#254661;background:#d4e2ed}.pf-password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px}.pf-field-error,.pf-form-error{color:#ffb5ac;margin:7px 0 0;font-size:12px;line-height:1.75;display:none}.pf-field-error.is-visible,.pf-form-error.is-visible{display:block}.pf-options{justify-content:space-between;align-items:center;gap:10px;margin:0 0 17px;display:flex}.pf-remember{min-height:40px;color:var(--pf-muted);cursor:pointer;align-items:center;gap:9px;font-size:clamp(11px,.77vw,14px);line-height:1.8;display:flex}.pf-remember input{appearance:none;background:0 0;border:1px solid #9baabd;border-radius:5px;flex:none;place-items:center;width:21px;height:21px;margin:0;display:grid}.pf-remember input:checked{border-color:var(--pf-gold);background:var(--pf-gold)}.pf-remember input:after{content:"";opacity:0;border-bottom:2px solid #09203a;border-left:2px solid #09203a;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.pf-remember input:checked:after{opacity:1}.pf-text-button{color:#efd28d;white-space:nowrap;background:0 0;border:0;min-height:40px;padding:9px 0;font-size:clamp(11px,.77vw,14px);font-weight:700;line-height:1.8;text-decoration:none}.pf-text-button:hover{text-underline-offset:4px;text-decoration:underline}.pf-submit{isolation:isolate;color:#061424;background:linear-gradient(118deg,#ffe69a,#edc34f 57%,#dcae3c);border:1px solid #ffe6a1;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:57px;padding:13px 18px;font-size:clamp(18px,1.3vw,24px);font-weight:700;line-height:1.7;transition:filter .16s,box-shadow .2s,transform .11s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff5c988,inset 0 -2px #aa7b2322,0 8px 33px #e0b24b1c}.pf-submit:after{content:"";z-index:-1;opacity:0;background:linear-gradient(105deg,#0000,#fff9dbb8 48%,#0000);width:48%;position:absolute;top:-15%;bottom:-15%;left:-55%;transform:skew(-18deg)}.pf-submit:not(:disabled):hover{filter:brightness(1.04);box-shadow:0 12px 28px #f3c6544f}.pf-submit:disabled,.pf-submit.is-busy{cursor:wait;color:#fff4c1;background:#04152fed;border-color:#ffdb68c2;box-shadow:0 0 18px #f9c8414d}.pf-submit-status{color:#efd28d;text-align:center;min-height:18px;margin:8px 0 0;font-size:12px;line-height:1.5}.pf-footer{color:var(--pf-muted);text-align:center;border-top:1px solid #b1b3a540;margin-top:18px;padding-top:14px;font-size:11px;line-height:1.85}.pf-footer p{color:#e0e6f0;margin:0}.pf-footer small{color:#eac969;margin-top:5px;display:block}.pf-dialog{width:min(560px,100% - 32px);max-height:calc(100svh - 32px);color:var(--pf-text);background:#0b2238;border:1px solid #b6974b;border-radius:12px;padding:32px;overflow:auto;box-shadow:0 32px 100px #000a}.pf-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020d1cbd}.pf-dialog-close{width:42px;height:42px;color:var(--pf-muted);background:0 0;border:1px solid #ffffff20;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.pf-dialog-close:hover{background:#143353}.pf-dialog-icon{width:52px;height:52px;color:var(--pf-gold);border:1px solid #b6974b;border-radius:12px;place-items:center;margin-bottom:20px;display:grid}.pf-dialog-icon svg{width:28px;height:28px}.pf-dialog h2{margin:0 38px 12px 0;font-size:25px;line-height:1.75}.pf-dialog p,.pf-dialog li{color:var(--pf-muted);font-size:14px;line-height:1.9}.pf-dialog p{margin:0 0 19px}.pf-dialog ul{margin:0;padding-left:21px}@keyframes pf-flow{to{stroke-dashoffset:-174px}}@keyframes pf-phase-arrive{0%{opacity:.64}to{opacity:1}}@keyframes pf-crest-breathe{0%,to{filter:drop-shadow(0 0 18px #e7bc421c)drop-shadow(0 8px 15px #0008)}50%{filter:drop-shadow(0 0 26px #f0c6554c)drop-shadow(0 8px 15px #0008)}}@keyframes pf-submit-sheen{0%{opacity:0;left:-55%}18%{opacity:.88}to{opacity:0;left:118%}}@media (width>=1280px) and (height<=760px){.pf-app{padding:22px 0}.pf-showcase{height:calc(100dvh - 36px)}.pf-brand{top:15%}.pf-brand-subtitle{margin-top:8px;line-height:1.65}.pf-brand-divider{margin-top:10px}.pf-panel{padding-top:25px;padding-bottom:19px}.pf-heading{font-size:33px}.pf-welcome{font-size:13px}.pf-form{margin-top:20px}.pf-field{margin-bottom:17px}.pf-input-wrap,.pf-input-wrap input{min-height:53px}.pf-submit{min-height:54px}.pf-footer{margin-top:15px;padding-top:12px}.pf-crest{width:clamp(140px,11vw,192px)}.pf-wordmark{font-size:clamp(46px,3.7vw,64px)}.pf-brand-subtitle{font-size:clamp(21px,1.6vw,29px);line-height:1.8}.pf-feature{min-height:80px;padding-top:12px;padding-bottom:12px}}@media (width<=1279px){#hrmc-phase-flow-login-v127{overflow-y:auto}.pf-app{grid-template-columns:minmax(0,1.38fr) minmax(330px,.82fr);gap:24px;min-height:100dvh}.pf-showcase{height:clamp(620px,100dvh - 48px,760px)}.pf-brand-note{font-size:12px}.pf-brand{width:50%}.pf-module-map{width:64%}.pf-feature-grid{width:70%}.pf-panel{padding:31px 28px 22px}.pf-heading{font-size:34px}.pf-feature{min-height:76px}}@media (width<=979px){.pf-app{grid-template-columns:1fr;gap:24px;width:calc(100% - 48px);max-width:720px;padding:28px 0 34px}.pf-mobile-brand{order:1;justify-content:center;align-items:center;gap:15px;display:flex}.pf-mobile-brand .pf-crest{width:75px}.pf-mobile-brand strong{letter-spacing:.3px;font:800 36px/1.2 Arial,Helvetica,sans-serif;display:block}.pf-mobile-brand strong span{color:#e7c261}.pf-mobile-brand p{color:var(--pf-muted);margin:6px 0 0;font-size:11px;line-height:1.8}.pf-panel{order:2;padding:28px 30px 22px}.pf-showcase{order:3;height:auto}.pf-brand-note,.pf-brand{display:none}.pf-module-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;height:auto;display:grid;position:relative;top:auto;right:auto;container-type:normal}.pf-module-links{display:none}.pf-phase{border-radius:19px;gap:11px;width:100%;height:123px;padding:17px 9px;position:relative;top:auto;left:auto}.pf-phase:after{display:none}.pf-phase-icon{width:33px;height:33px}.pf-phase-label{font-size:15px}.pf-feature-grid{gap:14px;width:100%;margin-top:23px;position:static}.pf-feature{min-height:86px;padding:13px 11px}.pf-feature-icon{width:39px;height:39px}.pf-feature strong{font-size:13px}.pf-feature small{font-size:11px}}@media (width<=429px){.pf-app{gap:22px;width:calc(100% - 32px);padding:22px 0 28px}.pf-mobile-brand{gap:12px}.pf-mobile-brand .pf-crest{width:66px}.pf-mobile-brand strong{font-size:31px}.pf-mobile-brand p{font-size:10px}.pf-panel{border-radius:18px;padding:24px 21px 20px}.pf-heading{font-size:30px}.pf-welcome{font-size:13px}.pf-field{margin-bottom:15px}.pf-options{align-items:flex-start;gap:7px;margin-bottom:13px}.pf-remember,.pf-text-button{font-size:11px}.pf-remember{gap:7px}.pf-remember input{width:20px;height:20px}.pf-submit{min-height:54px;font-size:19px}.pf-footer{margin-top:14px}.pf-module-map{gap:11px}.pf-phase{border-radius:16px;height:112px}.pf-phase-label{font-size:13px}.pf-phase-label small{font-size:10px}.pf-feature-grid{gap:11px;margin-top:17px}.pf-feature{min-height:80px;padding:10px}.pf-feature-icon{width:34px;height:34px}.pf-feature strong{font-size:12px}.pf-feature small{font-size:10px}}@media (width<=349px){.pf-app{width:calc(100% - 24px)}.pf-panel{padding-left:16px;padding-right:16px}.pf-options{flex-direction:column}.pf-module-map,.pf-feature-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){#hrmc-phase-flow-login-v127 *,#hrmc-phase-flow-login-v127 :before,#hrmc-phase-flow-login-v127 :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pf-phase{opacity:1}}.pf-phase{box-shadow:none;color:#edf1f8;isolation:isolate;opacity:1;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:15px 6px;display:flex;overflow:visible}.pf-phase:before,.pf-phase:after{display:none}.pf-phase:hover,.pf-phase:focus-visible{box-shadow:none;opacity:1;background:0 0;border:0;transform:none}.pf-phase-surface{--pf-phase-face:linear-gradient(180deg, #062139 0%, #011528 11%, #000f1f 30%, #000c1a 63%, #000a18 82%, #000f1f 100%);--pf-phase-rim:linear-gradient(180deg, #ebd593 0%, #d4ab51 20%, #827047 43%, #475762 65%, #2e5b79 100%);z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 43% 19% at 21% 0%, #81a3b621, transparent 80%) padding-box, radial-gradient(ellipse 26% 57% at -9% 43%, #788c9657, transparent 85%) padding-box, radial-gradient(ellipse 26% 57% at 109% 43%, #9e844857, transparent 85%) padding-box, var(--pf-phase-face) padding-box, var(--pf-phase-rim) border-box;border:1px solid #0000;transition:box-shadow .26s cubic-bezier(.16,1,.3,1),filter .26s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0;box-shadow:inset 0 1px #e4dcac40,inset 0 5px 13px #83b4cf06,0 0 15px #d6b25f1a,0 8px 20px #0008}.pf-phase-surface:before{content:"";background:linear-gradient(90deg,#0000,#fff4c4d9 43%,#dcd8a252 70%,#0000);border-radius:50%;width:38%;height:2px;position:absolute;top:-1px;left:19%;box-shadow:0 -1px 8px #fff0b761,0 2px 10px #e6c07735}.pf-phase-surface:after{content:"";border-radius:inherit;opacity:.78;border:1px solid #2b58724a;position:absolute;inset:-5px -5px -7px;box-shadow:0 5px 12px #164c7221;-webkit-mask-image:linear-gradient(#0005,#0000 38%,#000 84%);mask-image:linear-gradient(#0005,#0000 38%,#000 84%)}.pf-phase:hover .pf-phase-surface,.pf-phase:focus-visible .pf-phase-surface{filter:brightness(1.06)saturate(1.035);box-shadow:inset 0 1px #f4e9b359,0 0 18px #d6b25f24,0 9px 23px #0008}.pf-phase-icon,.pf-feature-icon svg{fill:currentColor}.pf-phase-icon{transition:filter .26s cubic-bezier(.16,1,.3,1)}.pf-phase:hover .pf-phase-icon,.pf-phase:focus-visible .pf-phase-icon{filter:drop-shadow(0 1px 1px #97721e66)drop-shadow(0 0 5px #edc56c33)}#hrmc-phase-flow-login-v127 .pf-feature-icon .pf-feature-stroke{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round}.pf-phase-icon{color:#f3ce70;filter:drop-shadow(0 1px 1px #ba841e38);min-width:0;min-height:0;position:static}.pf-phase-text{color:#edf1f8;text-align:center;text-shadow:0 1px 2px #000d;font-weight:700;display:block}.pf-phase-label,.pf-phase-text small{width:auto;color:inherit;font:inherit;line-height:inherit;white-space:nowrap;display:block}.pf-phase-text small{color:#d3dce9;margin-top:1px;font-weight:400}.pf-feature{border-radius:16px}@media (width>=1280px){.pf-showcase{aspect-ratio:1143/730;height:auto;min-height:0;container-type:inline-size}.pf-brand{width:56%;top:14.5%;left:3%}.pf-brand-lockup{gap:0}.pf-brand .pf-crest{width:24.58cqw;min-width:160px;max-width:296px}.pf-wordmark{font-size:clamp(46px,6.65cqw,80px);line-height:1.1}.pf-brand-subtitle{margin-top:0;font-size:clamp(20px,2.667cqw,33px);line-height:1.6}.pf-brand-divider{margin-top:.875cqw}.pf-feature-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1fr);gap:1.4cqw;width:67.75%;bottom:3.29%;left:2.31%}.pf-feature{height:8.4cqw;min-height:64px;padding:1.1cqw 1.65cqw}.pf-module-map{aspect-ratio:664/667;width:63.9%;height:auto;top:-4.9315%;left:40.63%;right:auto;container-type:inline-size}.pf-module-links{inset:0}.pf-phase{--u:calc(100cqw / 664);left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));border-radius:calc(var(--r) * var(--u));gap:0;min-height:0;padding:0;position:absolute}.pf-phase-surface{height:calc(var(--face-h) * var(--u));inset:0 0 auto}.pf-phase-icon{top:calc(var(--icon-y) * var(--u));width:calc(var(--icon-w) * var(--u));height:calc(var(--icon-h) * var(--u));position:absolute;left:50%;transform:translate(-50%)}.pf-phase-text{top:calc(var(--text-y) * var(--u));left:calc(-2 * var(--u));width:calc(100% + 4 * var(--u));font-size:clamp(11.5px, calc(var(--font) * var(--u)), 18px);line-height:calc(var(--line) * var(--u));position:absolute}}@media (width<=1279px){.pf-phase-surface{height:auto}}@media (prefers-reduced-motion:reduce){.pf-phase-surface{transition:none}}@media (width<=1279px){.pf-app{grid-template-columns:minmax(0,1.05fr) minmax(320px,1fr);align-items:center;gap:28px;width:calc(100% - 48px);padding:30px 0}.pf-showcase{height:auto;min-height:0}.pf-brand-note{margin:0 0 22px;font-size:12px;line-height:1.8;position:static}.pf-brand-note span{display:inline}.pf-brand-note span+span:before{content:" "}.pf-brand-note:after{display:none}.pf-brand{text-align:left;width:auto;position:static}.pf-brand-lockup{flex-direction:row;gap:16px}.pf-crest{width:98px}.pf-wordmark{font-size:48px}.pf-brand-subtitle{margin-top:21px;font-size:23px;line-height:1.85}.pf-brand-divider{background:#d9b95e;width:43px;margin:19px 0 0}.pf-module-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;height:auto;margin-top:25px;display:grid;position:static;container-type:normal}.pf-module-links{display:none}.pf-phase{border-radius:18px;gap:10px;width:100%;height:auto;min-height:112px;padding:15px 6px;position:relative;inset:auto}.pf-phase-surface{height:auto;inset:0}.pf-phase-icon{width:30px;height:30px;position:static;transform:none}.pf-phase[data-module=people] .pf-phase-icon{width:48px;height:37.5px}.pf-phase-text{width:auto;font-size:14px;line-height:1.7;position:static}.pf-phase-text small{font-size:12px;line-height:1.7}.pf-feature-grid{gap:13px;width:100%;margin-top:22px;position:static}.pf-feature{border-radius:13px;gap:10px;height:auto;min-height:75px;padding:10px}.pf-feature-icon{width:34px;height:34px}.pf-feature strong{font-size:12px}.pf-feature small{font-size:10px}.pf-panel{padding:29px 25px 22px}.pf-heading{font-size:32px}.pf-welcome{font-size:13px}.pf-options{gap:7px}.pf-remember,.pf-text-button{font-size:11px}.pf-remember{gap:7px}.pf-remember input{width:20px;height:20px}}@media (width>=980px) and (width<=1279px){.pf-app{padding-top:25px;padding-bottom:25px}.pf-brand-note{margin-bottom:18px}.pf-brand-subtitle{margin-top:18px;font-size:22px;line-height:1.8}.pf-brand-divider{margin-top:16px}.pf-module-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:21px}.pf-phase{border-radius:17px;gap:8px;min-height:114px;padding:13px 4px}.pf-phase-icon{width:28px;height:28px}.pf-phase[data-module=people] .pf-phase-icon{width:43px;height:33.5938px}.pf-phase-text{font-size:12px;line-height:1.7}.pf-phase-text small{font-size:10px;line-height:1.8}.pf-feature-grid{margin-top:20px}}@media (width<=819px),(width<=979px) and (height<=540px){.pf-app{flex-direction:column;justify-content:center;align-items:stretch;gap:26px;width:calc(100% - 40px);max-width:600px;min-height:100svh;padding:28px 0 34px;display:flex}.pf-mobile-brand{order:1;justify-content:center;align-items:center;gap:15px;display:flex}.pf-mobile-brand .pf-crest{width:75px}.pf-mobile-brand strong{font-size:36px}.pf-mobile-brand p{font-size:11px;line-height:1.9}.pf-brand-note,.pf-brand{display:none}.pf-panel{border-radius:23px;order:2;width:100%;padding:28px 30px 22px}.pf-heading{font-size:34px}.pf-welcome{font-size:14px}.pf-form{margin-top:24px}.pf-field label{font-size:14px}.pf-input-wrap,.pf-input-wrap input{min-height:57px}.pf-options{gap:12px}.pf-remember,.pf-text-button{font-size:12px}.pf-remember{gap:9px}.pf-remember input{width:21px;height:21px}.pf-submit{min-height:58px;font-size:20px}.pf-showcase{order:3;height:auto;min-height:0}.pf-module-map{margin-top:0}}@media (width<=429px){.pf-app{gap:22px;width:calc(100% - 32px);padding:22px 0 28px}.pf-mobile-brand{gap:12px}.pf-mobile-brand .pf-crest{width:66px}.pf-mobile-brand strong{font-size:31px}.pf-mobile-brand p{font-size:10px}.pf-panel{border-radius:21px;padding:24px 21px 20px}.pf-heading{font-size:31px}.pf-welcome{font-size:13px}.pf-form{margin-top:22px}.pf-field{margin-bottom:18px}.pf-field label{font-size:13px}.pf-input-wrap,.pf-input-wrap input{min-height:55px}.pf-input-icon{width:20px;height:20px;margin-left:13px}.pf-input-wrap input{padding:11px;font-size:16px}.pf-password-toggle{width:42px}.pf-options{gap:7px;margin-bottom:16px}.pf-remember,.pf-text-button{font-size:11px}.pf-remember{gap:7px}.pf-remember input{width:19px;height:19px}.pf-submit{min-height:56px;font-size:19px}.pf-footer{margin-top:17px;padding-top:13px}.pf-footer p,.pf-footer small{font-size:10px}}@media (width>=1600px){.pf-panel{margin-left:12px;margin-right:32px;padding:36px 54px 23px}.pf-heading{font-size:48px;line-height:1.45}.pf-welcome{margin-top:6px;font-size:18px;line-height:1.75}.pf-form{margin-top:22px}.pf-field{margin-bottom:20px}.pf-field label{margin-bottom:8px;font-size:18px;line-height:1.7}.pf-input-wrap{border-radius:17px;min-height:68px}.pf-input-wrap input{min-height:66px;font-size:18px}.pf-options{margin-bottom:18px}.pf-remember,.pf-text-button{min-height:42px;font-size:15px}.pf-submit{border-radius:18px;min-height:69px;font-size:25px}.pf-footer{margin-top:16px;padding-top:12px}.pf-footer p{font-size:13px;line-height:1.8}.pf-footer small{min-height:28px;padding:3px 5px;font-size:11px}}.pf-phase{opacity:1;animation:none}#hrmc-phase-flow-login-v127[data-motion=on] .pf-phase.fx-enter-pending{opacity:.64}#hrmc-phase-flow-login-v127[data-motion=on] .pf-phase.fx-enter{animation:pf-phase-enter .44s var(--pf-phase-delay,0s) cubic-bezier(.2, .65, .35, 1) both}@keyframes pf-phase-enter{0%{opacity:.64}to{opacity:1}}#hrmc-phase-flow-login-v127[data-motion=on] .pf-crest-frame.fx-intro:after{animation:1.1s cubic-bezier(.25,.46,.45,.94) .2s both pf-crest-shine}@keyframes pf-crest-shine{0%{opacity:0;transform:translate(-180%)skew(-18deg)}25%{opacity:.3}65%{opacity:.25}to{opacity:0;transform:translate(450px)skew(-18deg)}}#hrmc-phase-flow-login-v127[data-motion=on] .pf-panel:is([data-corner-state=running],[data-corner-state=paused]):before,#hrmc-phase-flow-login-v127[data-motion=on] .pf-panel:is([data-corner-state=running],[data-corner-state=paused]):after{animation:9.6s ease-in-out infinite paused pf-corner-glow}#hrmc-phase-flow-login-v127[data-motion=on] .pf-panel:is([data-corner-state=running],[data-corner-state=paused]):before{animation-delay:-4.8s}#hrmc-phase-flow-login-v127[data-motion=on] .pf-panel[data-corner-state=running]:before,#hrmc-phase-flow-login-v127[data-motion=on] .pf-panel[data-corner-state=running]:after{animation-play-state:running}@keyframes pf-corner-glow{0%,to{opacity:.36}50%{opacity:.86}}@media (width<=819px),(width<=979px) and (height<=540px){.pf-panel:before{opacity:.36}}@media (prefers-reduced-motion:reduce){#hrmc-phase-flow-login-v127 .pf-crest-frame:after,#hrmc-phase-flow-login-v127 .pf-phase.fx-enter{animation:none!important}}.pf-art{background:radial-gradient(at 21% 30%,#15242322,#0000 35%),radial-gradient(at 51% 2%,#08253f22,#0000 42%),linear-gradient(112deg,#000e1c,#000b17 68%,#001322)}.pf-vignette{background:0 0}@media (width>=1280px){.pf-art .pf-reference-art{aspect-ratio:1905/826;opacity:1;width:min(100vw,2000px);height:auto;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@media (width<=1279px){.pf-art .pf-reference-art{opacity:.72}}@media (width<=819px),(width<=979px) and (height<=540px){.pf-art .pf-reference-art{opacity:.62;width:190%;height:auto;inset:50% auto auto -38%;transform:translateY(-50%)}}.pf-art .pf-frame-art{object-fit:fill;display:none}@media (width>=1280px){.pf-art .pf-frame-art{opacity:.9;-webkit-mask-image:linear-gradient(180deg, #000 calc(50% - var(--pf-scene-height) / 2), transparent calc(50% - var(--pf-scene-height) / 2 + var(--pf-scene-blend)), transparent calc(50% + var(--pf-scene-height) / 2 - var(--pf-scene-blend)), #000 calc(50% + var(--pf-scene-height) / 2)), linear-gradient(90deg, #000 calc(50% - var(--pf-scene-width) / 2), transparent calc(50% - var(--pf-scene-width) / 2 + var(--pf-scene-blend)), transparent calc(50% + var(--pf-scene-width) / 2 - var(--pf-scene-blend)), #000 calc(50% + var(--pf-scene-width) / 2));mask-image:linear-gradient(180deg, #000 calc(50% - var(--pf-scene-height) / 2), transparent calc(50% - var(--pf-scene-height) / 2 + var(--pf-scene-blend)), transparent calc(50% + var(--pf-scene-height) / 2 - var(--pf-scene-blend)), #000 calc(50% + var(--pf-scene-height) / 2)), linear-gradient(90deg, #000 calc(50% - var(--pf-scene-width) / 2), transparent calc(50% - var(--pf-scene-width) / 2 + var(--pf-scene-blend)), transparent calc(50% + var(--pf-scene-width) / 2 - var(--pf-scene-blend)), #000 calc(50% + var(--pf-scene-width) / 2));display:block;-webkit-mask-composite:source-over;mask-composite:add}.pf-art{--pf-scene-width:min(100vw, 2000px);--pf-scene-height:calc(var(--pf-scene-width) * 826 / 1905);--pf-scene-blend:clamp(22px, 2.2vw, 44px)}.pf-art .pf-reference-art{-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000),linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000),linear-gradient(90deg,#0000,#000 3% 97%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}}.pf-crest-frame:after{display:none}.pf-crest-glint,.pf-icon-glint{opacity:0;pointer-events:none;transform-box:view-box;transform-origin:0 0}#hrmc-phase-flow-login-v127[data-motion=on] .pf-crest-frame.fx-intro .pf-crest-glint{animation:1.1s cubic-bezier(.25,.46,.45,.94) .2s both pf-crest-glint}@keyframes pf-crest-glint{0%{opacity:0;transform:translate(0)skew(-18deg)}25%{opacity:.3}65%{opacity:.25}to{opacity:0;transform:translate(450px)skew(-18deg)}}#hrmc-phase-flow-login-v127[data-motion=on] .pf-phase.fx-sheen .pf-phase-surface{box-shadow:inset 0 1px #fff0bf85,0 0 20px #e7bd6238,0 8px 20px #0008}#hrmc-phase-flow-login-v127[data-motion=on] .pf-phase.fx-sheen .pf-icon-glint{animation:.72s cubic-bezier(.16,1,.3,1) both pf-icon-glint}@keyframes pf-icon-glint{0%{opacity:0;transform:translate(0)skew(-14deg)}28%{opacity:.55}72%{opacity:.38}to{opacity:0;transform:translateX(var(--pf-glint-distance)) skewX(-14deg)}}.pf-submit:after{z-index:auto;background:linear-gradient(90deg,#0000,#fff8da66 48%,#fffef488 53%,#0000)}.pf-submit:not(:disabled):hover:after,.pf-submit:focus-visible:after{animation:none}#hrmc-phase-flow-login-v127[data-motion=on] .pf-submit.fx-sheen:after{animation:.44s ease-out both pf-submit-glint}#hrmc-phase-flow-login-v127[data-motion=on] .pf-submit:is(:active,.fx-pressed){filter:brightness(.99);transform:scale(.987);box-shadow:inset 0 2px 7px #86611e2b,0 4px 18px #d3a44013}@keyframes pf-submit-glint{0%{opacity:0;transform:translate(0)skew(-18deg)}20%{opacity:.65}85%{opacity:.4}to{opacity:0;transform:translate(330%)skew(-18deg)}}@media (prefers-reduced-motion:reduce){#hrmc-phase-flow-login-v127 .pf-crest-glint,#hrmc-phase-flow-login-v127 .pf-icon-glint,#hrmc-phase-flow-login-v127 .pf-submit.fx-sheen:after{animation:none!important}}.hrmc-document-verification{color:#162640;background:#f4f6f8;flex-direction:column;font-family:Tahoma,Arial,sans-serif;display:flex;position:fixed;inset:0}.hrmc-document-verification header{color:#fff;background:#12345d;align-items:center;gap:16px;padding:12px 20px;display:flex}.hrmc-document-verification h1{overflow-wrap:anywhere;flex:1;margin:0;font-size:22px;line-height:1.5}.hrmc-document-verification header a,.hrmc-document-verification header button{color:#fff;cursor:pointer;background:0 0;border:1px solid #6080a6;border-radius:6px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.hrmc-document-verification header button:disabled{opacity:.5;cursor:wait}.hrmc-document-verification header a:focus-visible,.hrmc-document-verification header button:focus-visible{outline-offset:2px;outline:3px solid #f3d152}.hrmc-document-verification iframe{background:#fff;border:0;flex:1;width:100%;min-height:0}.hrmc-document-verification p{margin:0;padding:20px}.hrmc-document-verification [role=alert]{color:#981f2a}@media (width<=600px){.hrmc-document-verification header{gap:10px;padding:10px}.hrmc-document-verification h1{font-size:18px}}
