.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:white}.login-brand{background:#080808;color:white;padding:60px 9vw;display:flex;flex-direction:column;justify-content:space-between}.login-brand img{width:210px;height:100px;object-fit:contain;object-position:left}.login-brand div{max-width:570px;margin-bottom:9vh}.login-brand span,.login-form form>span{font-size:11px;letter-spacing:2px;font-weight:700}.login-brand h1{font:500 52px/1.08 Georgia,serif;margin:18px 0}.login-brand p{color:#aaa;font-size:17px}.login-form{display:grid;place-items:center;padding:40px}.login-form form{width:min(420px,100%)}.login-form h2{font:500 38px Georgia,serif;margin:16px 0 8px}.login-form p{color:#666;margin-bottom:34px}.login-form label{display:grid;grid-gap:8px;gap:8px;font-size:13px}.login-form input{border:1px solid #bbb;padding:15px;font-size:16px}.login-form button{margin-top:16px;width:100%;border:0;background:#0b0b0b;color:white;padding:15px;font-weight:700}.login-form output{display:block;background:#eef6f2;padding:13px;margin-top:15px}.login-form small{display:block;color:#777;margin-top:22px;line-height:1.5}@media(max-width:760px){.login{grid-template-columns:1fr}.login-brand{padding:30px 25px}.login-brand div{margin:50px 0 15px}.login-brand h1{font-size:34px}.login-form{padding:50px 25px}}.login-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #bbb;margin-bottom:22px}.login-tabs button{margin:0;background:#fff;color:#111;border:0;padding:11px;font-weight:600}.login-tabs button.active{background:#111;color:#fff}.login-form .otp-label,.login-form label+label{margin-top:14px}.login-form .otp-input{text-align:center;font:600 25px/1 monospace;letter-spacing:.45em;padding-left:calc(15px + .45em)}.login-form .login-back{background:transparent;color:#555;text-decoration:underline;font-weight:500;margin-top:12px;padding:8px}.login-form input:disabled{background:#f3f3f1;color:#777}