.login-page{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-block:100px 115px;min-height:calc(100svh - 80px)}.login-intro{padding-left:35px}.login-intro h1{font-size:4.2rem;line-height:1.08;letter-spacing:-.06em;font-weight:550}.login-intro>p{font-size:.98rem;line-height:1.9;color:#8b95a2;margin-top:25px}.login-contact{margin-top:60px}.login-contact>span{display:block;color:#a1a9b4;font-size:.72rem;margin-bottom:11px}.login-contact .quiet-link{font-size:.8rem}.login-card{width:100%;max-width:430px;justify-self:end;padding:42px 39px;border:1px solid #e4e8ee;border-radius:16px;background:#fafbfc;box-shadow:0 15px 40px #1f385303}.login-card h2{font-size:1.9rem;font-weight:550;line-height:1.2;letter-spacing:-.045em}.login-card>p{font-size:.77rem;line-height:1.8;color:#8d97a5;margin-top:13px;margin-bottom:30px}.login-card label{font-size:.72rem;font-weight:500;display:block;line-height:1.5;color:#677384;margin-top:23px}.login-card input:not([type=hidden]){display:block;width:100%;min-height:47px;border:1px solid #dfe5ec;border-radius:7px;background:white;color:#3c4a5a;padding:12px 14px;font-size:.82rem;margin-top:10px;outline-offset:3px}.password-field{position:relative;margin-top:10px}.login-card .password-field input{margin-top:0;padding-right:75px}.password-field button{position:absolute;top:0;right:0;height:100%;border:0;background:none;padding:0 14px;font-size:.6rem;font-weight:500;color:#909cab}.login-card .login-submit{border-radius:7px;width:100%;justify-content:space-between;gap:20px;padding:14px 18px;font-size:.75rem;font-weight:550;margin-top:27px;background:#22272e}.login-help{padding-top:24px;border-top:1px solid #e7ebf0;margin-top:28px;text-align:center;font-size:.64rem;color:#a1a9b5;line-height:1.8}.login-help span{display:block}.login-help a{display:inline-block;font-size:.72rem;color:#6e7d8e;margin-top:4px}.login-error{padding:13px 15px;border:1px solid #e9cfcf;border-radius:7px;background:#fdf6f6;color:#915e5e;font-size:.73rem;line-height:1.7;margin-bottom:20px}.account-page{padding-block:100px;min-height:70vh}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:35px}.account-heading h1{font-size:3.1rem}.account-heading p{color:#8a97a6;margin-top:17px}.account-heading .button{border-radius:8px;font-weight:550;font-size:.77rem}.account-details{border:1px solid #e3e8ee;border-radius:14px;padding:36px;margin-top:55px;background:#fafbfc}.account-details h2{font-size:1.7rem}.account-details p{font-size:.88rem;color:#7e8b9b;margin-top:17px}.account-details .quiet-link{margin-top:25px}
@media(max-width:1100px){.login-page{gap:70px}.login-intro{padding-left:0}.login-intro h1{font-size:3.6rem}.login-card{padding:35px 30px}}
@media(max-width:760px){.login-page{grid-template-columns:1fr;gap:45px;padding-block:65px 80px;min-height:0;max-width:510px}.login-intro{text-align:center}.login-intro h1{font-size:3.1rem}.login-intro>p{font-size:.86rem;margin-top:21px}.login-contact{margin-top:26px}.login-contact>span{font-size:.65rem;margin-bottom:7px}.login-contact .quiet-link{font-size:.75rem}.login-card{max-width:none;justify-self:center;padding:35px 28px}.login-card h2{font-size:1.75rem}.login-card>p{font-size:.75rem;margin-bottom:25px}.account-page{padding-block:70px}.account-heading{display:block}.account-heading h1{font-size:2.4rem}.account-heading form{margin-top:25px}.account-details{padding:26px;margin-top:35px}}
@media(max-width:370px){.login-page{padding-block:50px 65px;gap:35px}.login-intro h1{font-size:2.8rem}.login-card{padding:30px 23px}.login-card>p{font-size:.7rem}}