*{box-sizing:border-box}body{margin:0;font:14px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#23374e;background:#f6f7f9}.layout{min-height:100vh;display:grid;grid-template-columns:44% 56%}.intro{background:#10243a;color:#e8f0fa;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.logo{font-size:28px;letter-spacing:2px}.logo small{display:block;font-size:8px;letter-spacing:2px;color:#8ea5c0;margin-top:10px}.eyebrow{font-size:10px;letter-spacing:1.9px;color:#8c9fb4}.intro h1{font-weight:500;line-height:1.65;font-size:37px;letter-spacing:-1px;margin:20px 0}.intro p{color:#8da4bf;line-height:2.2;font-size:13px}.intro>small{font-size:10px;color:#7791ad}main{display:grid;place-items:center;padding:45px}.form-wrap{width:min(370px,100%)}h2{font-size:27px;margin:16px 0 10px;font-weight:600}.form-wrap>p{color:#8796a8;font-size:12px;line-height:1.8}.tabs{display:flex;gap:25px;border-bottom:1px solid #dfe5ec;margin:28px 0 25px}.tabs button{border:0;padding:12px 5px;background:none;color:#8d9aab;cursor:pointer;font:inherit}.tabs .active{color:#2463db;border-bottom:2px solid #2463db}label{display:block;font-size:12px;color:#5f728b;margin:18px 0 8px}input{width:100%;font:inherit;padding:13px;border:1px solid #d5dfeb;border-radius:7px;background:#fff;color:#233c5a}input:focus{outline:2px solid #adc6f4;border-color:#adc6f4}.primary{width:100%;border:0;background:#2465e7;color:#fff;padding:14px;border-radius:7px;margin-top:8px;font:inherit;cursor:pointer}.primary:disabled{opacity:.5;cursor:wait}#error{color:#b65c44;font-size:12px;line-height:1.8}.hint{font-size:11px!important;line-height:1.9!important;margin-top:25px!important}@media(max-width:750px){.layout{grid-template-columns:1fr}.intro{min-height:auto;padding:25px}.intro h1{font-size:25px;line-height:1.5;margin:20px 0 10px}.intro p,.intro>small,.intro .eyebrow{display:none}main{padding:35px 25px}.logo{font-size:23px}}