.login-page{min-height:100vh;background:#fff;display:grid;grid-template-columns:1.05fr .95fr}.login-art{padding:40px 55px;background:linear-gradient(145deg,#f4f2ff,#eeecff);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.login-art:after{content:'';position:absolute;width:690px;height:690px;border:1px solid #d4ccff;border-radius:50%;bottom:-280px;right:-250px;box-shadow:0 0 0 80px #ffffff20,0 0 0 81px #d7d0ff,0 0 0 165px #ffffff18,0 0 0 166px #ded8ff;pointer-events:none}.login-logo{position:relative;z-index:1}.login-art-content{max-width:610px;position:relative;z-index:1}.login-art h1{font:800 clamp(47px,5.5vw,78px)/1.06 var(--display);letter-spacing:-.075em;margin:15px 0 23px}.login-art h1 em{color:var(--violet);font-style:normal}.login-art p{color:#7d7b9b;font-size:17px;line-height:1.8;max-width:390px}.login-art-foot{color:#9b98b8;font-size:12px;position:relative;z-index:1}.login-form-side{display:flex;align-items:center;justify-content:center;padding:50px 35px}.login-form-wrap{width:min(420px,100%)}.login-form-wrap h2{font:800 34px var(--display);letter-spacing:-.065em;margin:14px 0 8px}.login-form-wrap>p{font-size:14px;color:var(--sub);line-height:1.7;margin:0 0 36px}.login-form-wrap .field{background:#fcfcff}.login-form-wrap .form-row{margin:0 0 20px}.login-form-wrap .btn{width:100%;margin-top:9px}.login-helper{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8a8c9c;font-size:12px;margin:5px 0 19px}.login-form-message{border-radius:9px;padding:12px 14px;background:#f2f0ff;color:#614bd9;font-size:12px;margin-top:16px;display:none}.login-form-message.show{display:block}.login-switch{color:#8a8d9d;font-size:13px;margin-top:24px;text-align:center}.login-switch a{font-weight:900;color:var(--violet)}
@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-art{padding:24px;min-height:260px}.login-art h1{font-size:41px}.login-art p{font-size:14px}.login-art-foot{display:none}.login-form-side{padding:35px 22px 70px}}