.access-login{grid-template-columns:42% 58%}
.access-login .loginaside{padding:54px 64px;min-height:100vh}
.access-login .brand small{color:#b7d0cd}
.access-login .brandmark{border:1px solid #ffffff26;background:#ffffff0d}
.access-intro{margin-top:clamp(65px,12vh,130px);max-width:365px}
.access-kicker{font-size:10px;letter-spacing:2px;color:#c5ae7d}
.access-login .loginaside h1{font-size:clamp(38px,3.5vw,54px);font-weight:400;margin:24px 0;line-height:1.18}
.access-login .loginaside p{line-height:1.8;font-size:15px;max-width:330px}
.access-rule{height:1px;width:48px;background:var(--gold);margin:32px 0 24px}
.access-values{display:grid;gap:12px;color:#cadbd8;font-size:12px}
.access-values span:before{content:'·';color:#c5ae7d;margin-right:10px}
.access-login .bottom{color:#cfddda;line-height:1.9;margin-top:60px}
.access-login .bottom span{color:#8faeaa;font-size:11px}
.access-main{display:flex;align-items:center;justify-content:center;padding:60px 48px;background:#fcfdfc}
.access-form-wrap{width:100%;max-width:410px}
.access-form-wrap h1{font-size:32px;line-height:1.25;margin:14px 0}
.access-subtitle{font-size:14px;margin-bottom:36px}
.access-form-wrap .field{margin-bottom:23px}
.access-form-wrap label{font-size:13px;margin-bottom:9px}
.access-form-wrap input{padding:13px 14px;height:48px;font-size:14px;width:100%;border-color:#ced9d6}
.access-form-wrap input:focus{outline:2px solid #155e6030;border-color:var(--teal);outline-offset:2px}
.access-form-wrap input::placeholder{color:#8a979a}
.access-password{position:relative}
.access-password input{padding-right:68px}
.access-password button{position:absolute;right:4px;top:4px;height:40px;padding:0 13px;border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:600;border-radius:4px}
.access-submit{width:100%;justify-content:space-between;padding:14px 18px;font-size:14px;margin-top:5px;min-height:49px}
.access-submit:hover{background:#104d4f!important}
#login-error{margin-bottom:18px;font-size:13px}
.access-demo{border-top:1px solid var(--line);margin-top:34px;padding-top:27px}
.access-demo p{font-size:12px;color:var(--muted);margin:12px 0 0;max-width:330px}
.access-footer{font-size:11px;color:#81908f;margin:32px 0 0}
@media(max-width:1000px){.access-login .loginaside{padding:44px 32px}.access-main{padding:44px 32px}.access-form-wrap h1{font-size:28px}}
@media(max-width:760px){.access-login{display:block}.access-login .loginaside{min-height:0;padding:25px 28px}.access-intro,.access-login .bottom{display:none}.access-main{padding:42px 25px 50px;min-height:calc(100vh - 92px)}.access-login .brand{font-size:20px}.access-form-wrap h1{font-size:29px}}