.login-page{--heading:"Google Sans Flex", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#171717;background:#fafafa;place-content:center;gap:26px;min-height:100dvh;padding:40px 24px;font-family:Google Sans Flex,Helvetica Neue,Helvetica,Arial,sans-serif;display:grid}.login-brand{color:#171717;letter-spacing:-.8px;font-size:25px;font-weight:600}.login-page section{background:#fff;border:1px solid #e5e5e5;border-radius:13px;width:min(440px,100vw - 48px);padding:36px;box-shadow:0 8px 28px #253a5e04}.login-page .section-label{color:#737373;letter-spacing:1.2px;font-size:10px}.login-page h1{letter-spacing:-.8px;margin-top:12px;font-size:29px;line-height:1.3}.login-page section>p:not(.section-label){color:#737373;margin-top:12px;font-size:13px}.login-page form{gap:20px;margin-top:28px;display:grid}.login-page label{color:#525252;gap:8px;font-size:12px;font-weight:500;display:grid}.login-page input{font:inherit;color:#171717;background:#fff;border:1px solid #d4d4d4;border-radius:7px;min-height:44px;padding:11px 12px}.login-page input:focus{border-color:#737373;outline:3px solid #e5e5e5}.login-page button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:7px;justify-content:center;min-height:44px;padding:12px;font-size:13px;font-weight:600;display:flex}.login-page button:hover{background:#333}.login-page small{color:#737373;margin-top:24px;font-size:11px;line-height:1.7;display:block}.login-page .login-error{background:#fff7f5;border:1px solid #f1dbd5;border-radius:7px;padding:12px;color:#a25d50!important}@media (max-width:480px){.login-page section{padding:27px}}.login-page .login-error{background:#fafafa;border-color:#a3a3a3;color:#171717!important}
