.auth-body{background:radial-gradient(ellipse at 15% 10%,#edf3ef,transparent 60%),#f4f6f3}.auth-main{padding:40px 24px}.login-shell{width:min(1000px,100%);display:grid;grid-template-columns:46% 54%;border-radius:20px;overflow:hidden;background:white;box-shadow:0 24px 90px #21443212;border:1px solid #e5ebe6;min-height:620px}.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:45px 42px;background:#194d3e;color:white;overflow:hidden}.login-story:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff08;border-radius:50%;bottom:-190px;right:-170px;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02;pointer-events:none}.login-logo{width:244px;max-width:100%;height:auto;object-fit:contain;object-position:left;background:none;padding:0;border-radius:0}.login-story-content{margin:65px 0 60px;position:relative;z-index:1}.login-workspace-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px;color:#b5cfc0;font-weight:600}.login-workspace-label>span{width:6px;height:6px;background:#c8a15f;border-radius:50%}.login-story h2{font-size:34px;font-weight:600;line-height:1.35;letter-spacing:-.7px;margin:20px 0 17px}.login-story-content>p{color:#b8cec3;font-size:13px;line-height:1.9;margin:0;max-width:330px}.login-features{display:grid;gap:16px;margin-top:34px}.login-features>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#d6e5dd}.login-features i{color:#bfaa78;font-size:16px}.login-story-footer{font-size:8px;color:#9cb9ab;letter-spacing:1.5px;display:flex;flex-direction:column;gap:8px}.login-story-footer span{font-size:11px;letter-spacing:.4px;color:#c2d5c9}.login-content{padding:49px 50px 28px;display:flex;flex-direction:column}.login-access{font-size:11px;color:#8b978f;display:flex;align-items:center;gap:7px}.login-access i{color:#6b8c78;font-size:12px}.login-heading{margin:40px 0 27px}.login-heading h1{font-size:29px;font-weight:700;color:#263e33;letter-spacing:-.8px;margin:0 0 10px}.login-heading p{font-size:13px;color:#8a968f;margin:0}.login-content .field{margin-bottom:22px;gap:9px}.login-content .field label{font-size:12px;font-weight:500;color:#52685c}.required-mark{color:#b65a51;margin-left:3px}.login-input{position:relative}.login-input>i{position:absolute;left:15px;top:17px;color:#9ba99f;font-size:14px;pointer-events:none}.login-input input{height:49px!important;padding:12px 43px!important;border:1px solid #dfe6e1;background:#fbfcfa;border-radius:8px;font-size:13px}.login-input input::placeholder{color:#adb6af}.login-input input:focus{background:#fff;outline:0;box-shadow:0 0 0 3px #19765d0b;border-color:#769c88}.password-toggle{position:absolute;right:6px;top:6px;height:37px;width:34px;border:0;background:transparent;color:#8c9c91;padding:0}.password-toggle:hover{color:var(--green)}.login-submit{width:100%;height:49px;margin-top:3px;border-radius:8px;font-size:13px;justify-content:center;gap:13px}.login-support{display:flex;align-items:flex-start;justify-content:center;gap:9px;border-top:1px solid #edf0ec;margin-top:31px;padding-top:24px}.login-support>i{margin-top:3px;font-size:15px;color:#96a99b}.login-support p{font-size:11px;line-height:1.8;color:#61796b;margin:0}.login-support p span{color:#96a299}.login-content-footer{margin-top:auto;padding-top:33px;font-size:9px;color:#a7b0a9;text-align:center}.login-mobile-brand{display:none}.field-validation-valid{display:none}.field-error,.field-validation-error{font-size:11px;color:#be5353;line-height:1.5;display:block}.input-validation-error{border-color:#d98d85!important;background:#fffbfa!important}.validation-summary-errors ul{margin:0;padding-left:17px;font-size:12px;line-height:1.6}.validation-summary-errors{margin-bottom:20px}.field-error:empty{display:none}
@media(max-width:800px){.login-shell{grid-template-columns:1fr;max-width:460px;min-height:0;border-radius:15px}.login-story{display:none}.login-content{padding:32px 28px}.login-mobile-brand{display:block;margin-bottom:30px}.login-mobile-brand img{width:205px;height:auto;background:none}.login-heading{margin:27px 0}.login-heading h1{font-size:26px}.auth-main{padding:20px 16px}.login-content-footer{padding-top:30px}}
