.authPage{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff;color:#152f50}.authStory{background:#123e6c;color:#fff;padding:45px 7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.authStory:after{content:"";position:absolute;width:500px;height:500px;border:80px solid #ffffff0b;border-radius:50%;right:-230px;bottom:-180px}.authBrand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;z-index:1}.authBrand>span{width:39px;height:44px;border-radius:7px 7px 14px 7px;background:white;color:#174c82;display:grid;place-items:center;font-weight:900}.authBrand b{letter-spacing:2px}.authBrand small{display:block;font-size:7px;letter-spacing:1px;color:#c0d0df}.authStory>div{z-index:1}.authStory>div>small{color:#e7ad38;font-size:8px;letter-spacing:2px;font-weight:700}.authStory h1{font-size:39px;line-height:1.12;margin:12px 0}.authStory p{color:#becedf;font-size:12px;max-width:440px;line-height:1.7}.authStory ul{list-style:none;padding:12px 0 0}.authStory li{display:flex;align-items:center;gap:8px;font-size:10px;color:#d2deea;margin:10px 0}.authStory li svg{width:16px;color:#e7ad38}.authStory>em{font-size:9px;color:#91a9c0;font-style:normal;z-index:1}.authPage main{display:grid;place-items:center;padding:30px}.authPage form{width:min(390px,100%)}.authIcon{width:43px;height:43px;border-radius:9px;background:#edf3f8;color:#19558d;display:grid;place-items:center}.authIcon svg{width:20px}.authPage form h2{font-size:25px;margin:16px 0 6px}.authPage form>p{font-size:10px;color:#778697;margin-bottom:23px}.authTabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f3f6;padding:3px;border-radius:6px;margin-bottom:17px}.authTabs button{height:32px;border:0;background:none;color:#768596;border-radius:4px;font-size:9px;font-weight:700}.authTabs button.active{background:#fff;color:#174f87;box-shadow:0 1px 4px #0001}.authPage label{display:block;font-size:9px;font-weight:700;margin-top:12px}.authPage label>input,.authPage select,.input{height:41px;border:1px solid #dbe2e8;border-radius:5px;margin-top:6px;width:100%;background:white}.authPage label>input,.authPage select{padding:0 11px;font-size:10px}.input{display:flex;align-items:center;padding:0 10px}.input svg{width:15px;color:#7a8999}.input input{border:0;outline:0;flex:1 1;padding:0 8px;font-size:10px}.input button{border:0;background:none;color:#7d8996}.input button svg{width:15px}.submit{height:42px;width:100%;margin-top:18px;border:0;border-radius:5px;background:#17518b;color:white;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:700}.submit svg{width:15px}.authError{background:#fbeceb;color:#a14b47;padding:9px;border-radius:4px;margin-top:12px;font-size:9px}.demo{background:#f6f8fa;border:1px dashed #ced8e1;border-radius:5px;padding:10px;margin-top:14px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.demo b{font-size:8px;width:100%;color:#6d7c8c}.demo button{border:1px solid #d4dce4;background:white;color:#1b578f;border-radius:3px;font-size:8px;padding:5px 7px}.demo small{font-size:7px;color:#7d8996}.back{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:18px;color:#60758c;text-decoration:none;font-size:9px}.back svg{width:14px}@media(max-width:700px){.authPage{grid-template-columns:1fr}.authStory{display:none}.authPage main{min-height:100vh;padding:25px}}