.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-story{background:linear-gradient(145deg,#6450bf,#9665c9 65%,#d895c2);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:55px 60px}.login-story .brand strong{font-size:25px}.login-story .brand img{background:white;border-radius:10px;padding:5px;width:48px;height:48px}.login-story h1{font-size:50px;letter-spacing:-2px;line-height:1.2}.login-story p{font-size:17px;line-height:1.8;color:#e7dafa;margin-top:24px}.login-story>span{font-size:12px;color:#eadcf5}.login-form{width:420px;max-width:100%;padding:25px;align-self:center;justify-self:center}.login-form h2{font-size:32px;margin:12px 0}.login-form p,.password-screen p{font-size:13px;line-height:1.8;color:#81768d;margin-bottom:25px}.login-form label,.password-screen label{display:grid;gap:9px;font-size:12px;margin:19px 0}.login-form input,.password-screen input{padding:14px}.login-help{margin-top:25px}.form-error{color:#b44e68;font-size:12px;line-height:1.7;margin-bottom:15px}.password-screen{max-width:480px;margin:10vh auto;padding:35px}.password-screen h2{margin:20px 0}.login-form .primary{padding:14px}@media(max-width:700px){.login-page{grid-template-columns:1fr}.login-story{padding:25px;min-height:235px}.login-story h1{font-size:30px;letter-spacing:-1px;margin-top:20px}.login-story p,.login-story>span,.login-story .hero-tag{display:none}.login-form{padding:30px 25px}.password-screen{margin:30px 15px}}