.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .box{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;max-width:400px;padding:30px 26px}.login h1{color:var(--spruce);margin:0 0 6px;font-size:21px;font-weight:900}.login .box>p{color:#6c7a6f;margin:0 0 20px;font-size:13px}.login label{margin-bottom:14px;font-size:13px;font-weight:600;display:block}.login input{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;margin-top:6px;padding:11px 12px;font-size:14px;font-weight:400;display:block}.login input:focus{outline:2px solid var(--willow);border-color:var(--sage)}.login button{background:var(--orange);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:6px;padding:12px;font-size:15px;font-weight:700}.login button:disabled{opacity:.6;cursor:default}.login .err{color:#a3341a;background:#fdece8;border:1px solid #f5b8a8;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.login .box>p.alt{text-align:center;color:#6c7a6f;margin:18px 0 0;font-size:13px}.login a.google{text-align:center;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;margin-top:10px;padding:11px 12px;font-size:14px;font-weight:700;text-decoration:none;display:block}.login a.google:hover{border-color:var(--spruce);color:var(--spruce)}