*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}body{margin:0}.signin-page{--layout-top-offset:54px;position:relative;width:100%;min-width:0;min-height:100dvh;overflow-x:hidden;overflow-y:auto;background:#e8f0f2;color:#30334c}.page-bg{position:absolute;inset:0;z-index:0;background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:.13;pointer-events:none}.layout-wrapper{position:relative;z-index:1;width:min(96vw,1180px);min-height:100dvh;margin:0 auto;display:grid;grid-template-columns:40% 60%;align-items:start;gap:54px;padding:var(--layout-top-offset) 18px 24px}.left-section{position:relative;z-index:1;width:466px;height:705px;min-height:705px;max-height:705px;justify-self:center;padding-top:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;font-family:Segoe UI,Arial,sans-serif}.logo-wrap{width:100%;display:flex;justify-content:center;margin-bottom:18px}.logo-img{display:block;width:250px;height:auto;-o-object-fit:contain;object-fit:contain}.left-copy{width:100%;max-width:466px;text-align:center;margin:0}.left-copy h1{margin:0;color:#31344b;font-size:40px;line-height:1.15;font-weight:700;letter-spacing:.2px}.left-copy p{max-width:466px;margin:20px auto 0;color:#2f3547;font-size:24px;line-height:1.45;font-weight:400}.left-copy p span{color:#164fc8;font-weight:700}.circle-frame{width:466px;height:466px;margin-top:36px;padding:24px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 4px rgba(0,0,0,.25),-8px -8px 16px hsla(0,33%,96%,.25),8px 8px 16px #fff}.circle-frame,.circle-inner{border-radius:50%;background:#dfe6e9}.circle-inner{width:418px;height:418px;overflow:hidden;box-shadow:-8px -8px 16px hsla(0,33%,96%,.25),8px 8px 16px #fff,inset -8px -8px 16px hsla(0,33%,96%,.25),inset 8px 8px 16px #fff}.circle-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.right-section{width:100%;max-width:760px;min-width:0;height:auto;display:flex;justify-content:center;align-items:flex-start;justify-self:start}.signin-card{width:100%;max-width:650px;min-height:500px;border-radius:12px;padding:30px 28px 24px;background:#dfe6e9;box-shadow:8px 8px 16px rgba(152,165,172,.5),-8px -8px 16px hsla(0,0%,100%,.9);text-align:center;box-sizing:border-box}.card-brand{margin:0 0 16px;font-size:20px;line-height:1;font-weight:700;color:#3154d4}.signin-card h2{margin:0;font-size:28px;line-height:1.2;font-weight:700;color:#070b18}.card-subtitle{margin:9px 0 26px;font-size:16px;line-height:1.45;font-weight:500;color:#687180}.signin-form{width:100%}.form-panel{width:100%;padding:22px 20px;border-radius:8px;background:#dfe6e9;box-shadow:inset 4px 4px 8px rgba(157,171,178,.38),inset -4px -4px 8px hsla(0,0%,100%,.82),4px 4px 8px rgba(145,158,165,.18),-4px -4px 8px hsla(0,0%,100%,.65);text-align:left}.field-group{margin-bottom:22px}.password-field{margin-bottom:13px}.field-label{display:block;margin:0 0 10px;font-size:16px;line-height:1;font-weight:600;letter-spacing:.3px;color:#667084}.field-label span{color:#3154d4}.input-shell{position:relative;width:100%;min-width:0;min-height:44px;display:flex;align-items:center;gap:10px;box-sizing:border-box;border-radius:7px;padding:0 12px 0 13px;background:#e6eef1;box-shadow:inset 4px 4px 9px rgba(141,154,161,.38),inset -4px -4px 9px hsla(0,0%,100%,.9),2px 2px 5px rgba(151,164,171,.2);transition:box-shadow .18s ease,transform .18s ease}.input-shell:focus-within{box-shadow:inset 4px 4px 8px rgba(141,154,161,.36),inset -4px -4px 8px hsla(0,0%,100%,.92),0 0 0 1px rgba(49,84,212,.18)}.input-shell.is-valid{padding-right:44px}.password-shell{padding-right:10px}.password-field .input-shell input[type=password]::-ms-clear,.password-field .input-shell input[type=password]::-ms-reveal{display:none}.password-field .input-shell input[type=password]::-webkit-textfield-decoration-container{display:none}.password-field .input-shell input[type=password]::-webkit-credentials-auto-fill-button,.password-field .input-shell input[type=password]::-webkit-strong-password-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.input-leading{width:25px;height:25px;min-width:25px;border-radius:50%;display:grid;place-items:center;color:#3154d4;background:#d8e3ff;box-shadow:3px 3px 7px rgba(158,170,178,.42),-3px -3px 7px hsla(0,0%,100%,.9)}.lock-leading{position:relative;z-index:2;color:#697485;background:#e6eef1;transform:translateY(-1px);box-shadow:3px 3px 7px rgba(143,156,164,.42),-3px -3px 7px hsla(0,0%,100%,.92);transition:color .16s ease,background .16s ease,box-shadow .16s ease}.password-shell.is-valid .lock-leading,.password-shell:focus-within .lock-leading{color:#3154d4;background:#d8e3ff;box-shadow:3px 3px 7px rgba(158,170,178,.42),-3px -3px 7px hsla(0,0%,100%,.9)}.input-shell input{width:100%;min-width:0;height:42px;border:0;outline:0;background:transparent;color:#3154d4;font-size:14px;font-weight:700}.input-shell input::-moz-placeholder{color:#8a94a3;font-size:12px;font-weight:500}.input-shell input::placeholder{color:#8a94a3;font-size:12px;font-weight:500}.email-valid-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#187a5b}.password-toggle{width:28px;height:28px;min-width:28px;flex-shrink:0;border:0;outline:0;border-radius:50%;display:grid;place-items:center;color:#7c8797;background:transparent;cursor:pointer;transition:color .16s ease,transform .16s ease}.password-toggle svg{width:16px;height:16px;display:block}.password-toggle:hover{color:#3154d4;transform:translateY(-1px)}.field-error{margin:7px 0 0;font-size:11px;line-height:1.2;color:#b94b4b}.form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.remember-row{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;line-height:1;color:#8a94a3}.remember-row input{position:absolute;opacity:0;pointer-events:none}.remember-box{position:relative;width:17px;height:17px;min-width:17px;border:1px solid transparent;border-radius:5px;background:#dfe9ec;box-shadow:inset 3px 3px 6px rgba(143,156,164,.48),inset -3px -3px 6px hsla(0,0%,100%,.92);transition:box-shadow .18s ease,border .18s ease,background .18s ease,transform .18s ease}.remember-box:before{content:"";position:absolute;inset:4px;border-radius:3px;background:#cbd7dc;box-shadow:inset 1px 1px 3px hsla(202,8%,51%,.4),inset -1px -1px 3px hsla(0,0%,100%,.85);transition:background .18s ease}.remember-active .remember-box{border:1px solid hsla(0,0%,100%,.95);background:#e9f1f3;transform:translateY(-1px);box-shadow:4px 4px 8px hsla(203,9%,56%,.36),-4px -4px 8px hsla(0,0%,100%,.98),inset 1px 1px 2px hsla(0,0%,100%,.72)}.remember-active .remember-box:before{inset:3px;background:#3154d4;box-shadow:none}.remember-active .remember-box:after{content:"";position:absolute;left:50%;top:47%;width:25%;height:45%;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:translate(-50%,-52%) rotate(45deg);z-index:2}.forgot-btn{border:0;outline:0;padding:0;background:transparent;color:#3154d4;font-size:12px;font-weight:700;cursor:pointer}.forgot-btn:hover{text-decoration:underline}.secure-btn{width:100%;height:55px;border:1px solid hsla(0,0%,100%,.92);outline:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#dfe6e9;color:#2d4cc8;font-size:14px;font-weight:700;cursor:pointer;box-shadow:5px 5px 10px rgba(158,170,178,.26),-5px -5px 10px hsla(0,0%,100%,.96),inset 1px 1px 0 hsla(0,0%,100%,.55);transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.secure-btn:hover{transform:translateY(-1px);box-shadow:6px 6px 12px rgba(158,170,178,.28),-6px -6px 12px hsla(0,0%,100%,.98),inset 1px 1px 0 hsla(0,0%,100%,.55)}.secure-btn:active{transform:translateY(1px);box-shadow:inset 4px 4px 8px rgba(158,170,178,.3),inset -4px -4px 8px hsla(0,0%,100%,.9)}.signup-row{margin-top:26px;text-align:center;font-size:14px;color:#737d8d}.signup-row a{color:#3154d4;font-weight:700;text-decoration:none}.signup-row a:hover{text-decoration:underline}@media (min-width:2560px){.signin-page{--layout-top-offset:86px}.layout-wrapper{width:min(88vw,1760px);grid-template-columns:42% 58%;gap:72px;padding:var(--layout-top-offset) 24px 40px}.left-section{width:620px;height:890px;min-height:890px;max-height:890px;padding-top:44px}.logo-img{width:310px}.logo-wrap{margin-bottom:28px}.left-copy{max-width:620px}.left-copy h1{font-size:52px}.left-copy p{max-width:620px;margin-top:24px;font-size:22px}.circle-frame{width:560px;height:560px;margin-top:44px;padding:30px}.circle-inner{width:500px;height:500px}.right-section{width:100%;height:auto;transform:translate(-30px,45px)}.signin-card{width:820px;min-height:680px;padding:48px 44px 40px}.card-brand{font-size:28px;margin-bottom:24px}.signin-card h2{font-size:40px}.card-subtitle{font-size:21px;margin:16px 0 38px}.form-panel{padding:36px 34px}.field-group{margin-bottom:26px}.password-field{margin-bottom:18px}.field-label{font-size:20px}.input-shell{min-height:60px}.input-shell input{height:58px;font-size:19px}.input-shell input::-moz-placeholder{font-size:16px}.input-shell input::placeholder{font-size:16px}.input-leading{width:34px;height:34px;min-width:34px}.password-toggle{width:38px;height:38px;min-width:38px}.form-options{margin-bottom:30px}.forgot-btn,.remember-row{font-size:16px}.remember-box{width:20px;height:20px;min-width:20px}.secure-btn{height:72px;font-size:19px}.signup-row{margin-top:30px;font-size:19px}}@media (max-width:1366px){.left-section{width:466px;height:705px;min-height:705px;max-height:705px;padding-top:0}.logo-img{width:210px}.logo-wrap{margin-bottom:12px}.left-copy h1{font-size:34px}.left-copy p{margin-top:12px;font-size:16px}.circle-frame{width:392px;height:392px;margin-top:24px;padding:24px}.circle-inner{width:344px;height:344px}}@media (max-height:820px) and (min-width:1025px){.left-section{padding-top:0}.logo-img{width:188px}.logo-wrap{margin-bottom:10px}.left-copy h1{font-size:31px}.left-copy p{margin-top:10px;font-size:15px}.circle-frame{width:340px;height:340px;margin-top:18px;padding:24px}.circle-inner{width:292px;height:292px}}@media (max-width:1180px){.left-section{width:100%;height:auto;min-height:auto;max-height:none;padding:0 24px}.logo-img{width:190px}.logo-wrap{margin-bottom:12px}.left-copy h1{font-size:34px}.left-copy p{margin-top:12px;font-size:16px}.circle-frame{width:360px;height:360px;padding:20px;margin-top:22px}.circle-inner{width:320px;height:320px}}@media (max-width:1100px) and (min-width:981px){.signin-page{--layout-top-offset:42px}body{overflow:hidden}.layout-wrapper{width:min(98vw,1024px);grid-template-columns:38% 62%;gap:14px;padding:var(--layout-top-offset) 12px 24px}.left-section{padding-top:0}.logo-img{width:176px}.left-copy h1{font-size:30px}.left-copy p{max-width:350px;font-size:14px;line-height:1.4}.circle-frame{width:340px;height:340px;padding:20px;margin-top:20px}.circle-inner{width:300px;height:300px}.right-section{width:100%;height:auto;transform:none}.signin-card{width:100%;max-width:590px;min-height:500px;padding:26px 22px 22px}.card-brand{font-size:18px}.signin-card h2{font-size:24px}.card-subtitle{font-size:14px;margin-bottom:22px}.field-label,.input-shell input{font-size:13px}}@media (max-width:980px){.signin-page{--layout-top-offset:34px;height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}body:has(.signin-page),html:has(.signin-page){overflow-x:hidden!important;overflow-y:auto!important;height:auto!important}.layout-wrapper{width:100%;max-width:100%;min-height:0;grid-template-columns:1fr;justify-items:center;align-items:start;gap:20px;padding:var(--layout-top-offset) 16px 32px;box-sizing:border-box}.left-section{width:100%!important;max-width:560px;height:auto!important;min-height:0!important;max-height:none!important;align-items:center;justify-self:center;padding:0;box-sizing:border-box}.logo-img{width:min(176px,55vw)}.logo-wrap{margin-bottom:12px}.left-copy{width:100%;max-width:520px;margin:0 auto;padding:0 4px;box-sizing:border-box}.left-copy h1{font-size:clamp(26px,6vw,32px)}.left-copy p{max-width:460px;margin:10px auto 0;font-size:15px;line-height:1.4}.circle-frame{width:min(300px,calc(100% - 24px));height:auto;aspect-ratio:1;padding:18px;margin:16px auto 0;box-sizing:border-box}.circle-inner{width:100%;height:100%}.right-section{width:100%!important;height:auto;transform:none!important;justify-content:center;justify-self:center;align-items:stretch;padding:0 0 32px}.right-section,.signin-card{max-width:560px;box-sizing:border-box}.signin-card{width:100%;margin:0 auto;min-height:0;padding:24px 18px 20px}}@media (max-width:768px){.signin-page{--layout-top-offset:22px}.layout-wrapper{gap:16px;padding:var(--layout-top-offset) 14px 24px}.left-section{padding:0;max-width:100%}.logo-img{width:min(156px,48vw)}.logo-wrap{margin-bottom:10px}.left-copy h1{font-size:clamp(24px,6.5vw,30px);line-height:1.15}.left-copy p{font-size:14px;line-height:1.4}.circle-frame{width:min(260px,calc(100% - 20px));height:auto;aspect-ratio:1;padding:16px;margin:12px auto 0}.right-section{padding:0 0 28px;max-width:100%}.signin-card{width:100%;max-width:100%;padding:20px 16px 18px}.card-brand{font-size:16px;margin-bottom:12px}.signin-card h2{font-size:clamp(18px,5vw,22px)}.card-subtitle{margin:8px 0 16px;font-size:13px}.form-panel{padding:16px 12px}.field-group{margin-bottom:16px}.password-field{margin-bottom:12px}.field-label{font-size:12px;margin-bottom:8px}.input-shell{min-height:42px;padding:0 10px;gap:8px}.input-leading{width:23px;height:23px;min-width:23px}.input-shell input{height:40px;font-size:13px;min-width:0}.input-shell input::-moz-placeholder{font-size:11px}.input-shell input::placeholder{font-size:11px}.form-options{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;margin-bottom:16px}.forgot-btn,.remember-row{font-size:12px;white-space:normal}.secure-btn{height:48px;font-size:13px}.signup-row{margin-top:16px;font-size:12px}}@media (max-width:600px){.left-section{padding:0}.right-section{padding:0 0 24px}.logo-img{width:min(140px,44vw)}.logo-wrap{margin-bottom:8px}.left-copy h1{font-size:clamp(22px,6vw,26px)}.left-copy p{font-size:13px;line-height:1.35}.circle-frame{width:min(220px,calc(100% - 16px));height:auto;aspect-ratio:1;padding:14px;margin:12px auto 0}}@media (max-width:430px){.left-section,.right-section{padding:0}.layout-wrapper{padding-left:12px;padding-right:12px}.logo-img{width:min(124px,42vw)}.left-copy h1{font-size:22px}.left-copy p{font-size:12.5px}.circle-frame{width:min(190px,calc(100% - 12px));padding:12px;margin-top:10px}.signin-card{padding:18px 14px 16px}}@media (max-width:420px){.signin-page{--layout-top-offset:18px}.layout-wrapper{padding:var(--layout-top-offset) 12px 12px}.signin-card{padding:20px 14px 18px}.form-panel{padding:16px 14px}.form-options{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px}.secure-btn{height:48px}}@media (max-width:360px){.left-section{padding:0 10px}.logo-img{width:128px}.left-copy h1{font-size:23px}.left-copy p{font-size:12px}.circle-frame{width:min(240px,calc(100vw - 32px));height:min(240px,calc(100vw - 32px));padding:14px}}@media (max-height:640px) and (min-width:769px){.signin-page{--layout-top-offset:18px}.layout-wrapper{padding-top:var(--layout-top-offset);padding-bottom:8px}.left-section{padding-top:0}.logo-img{width:188px}.logo-wrap{margin-bottom:10px}.left-copy h1{font-size:31px}.left-copy p{margin-top:10px;font-size:15px}.circle-frame{width:340px;height:340px;margin-top:18px;padding:24px}.circle-inner{width:292px;height:292px}.signin-card{min-height:420px;padding-top:24px;padding-bottom:20px}.card-subtitle{margin-bottom:18px}.form-panel{padding-top:18px;padding-bottom:18px}}@media (max-height:700px) and (max-width:600px){.logo-img{width:118px}.logo-wrap{margin-bottom:8px}.left-copy h1{font-size:22px}.left-copy p{margin-top:8px;font-size:12px}.circle-frame{width:min(220px,calc(100vw - 42px));height:min(220px,calc(100vw - 42px));margin-top:12px}}@media (min-width:981px){.signin-page{--layout-top-offset:54px}.layout-wrapper{align-items:start!important;padding-top:54px!important}.left-section{padding-top:0!important;transform:none!important;justify-self:center}.logo-wrap{margin-top:0!important}.circle-frame,.right-section{transform:none!important}}