.signin{min-height:100vh;justify-content:center;padding:var(--hl-space-12) var(--hl-space-7);background:var(--hl-page-header-bg);color:var(--hl-text-primary);font-size:var(--hl-text-body);line-height:var(--hl-lh-normal)}.signin,.signin-card{display:flex;align-items:center}.signin-card{width:100%;max-width:calc(var(--hl-space-40) * 5);flex-direction:column;gap:var(--hl-space-3);background:var(--hl-white);border-radius:var(--hl-radius-xl);box-shadow:var(--hl-shadow-lg);padding:var(--hl-space-24) var(--hl-space-20)}.signin-logo{width:var(--hl-space-24);height:var(--hl-space-24);object-fit:contain;margin-bottom:var(--hl-space-3)}.signin .signin-title{margin:0;font-size:var(--hl-text-subhead);line-height:var(--hl-lh-snug);font-weight:var(--hl-fw-bold);color:var(--hl-text-primary);text-align:center}.signin .signin-lede{margin:0 0 var(--hl-space-12);font-size:var(--hl-text-small);color:var(--hl-text-tertiary);text-align:center}.signin .signin-error{margin:0 0 var(--hl-space-7);width:100%;padding:var(--hl-space-5) var(--hl-space-7);border:1px solid var(--hl-danger-border);border-radius:var(--hl-radius-md);background:var(--hl-red-50);color:var(--hl-danger-strong);font-size:var(--hl-text-small);line-height:var(--hl-lh-snug)}.signin .signin-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--hl-space-24);padding:0 var(--hl-space-12);border:1px solid var(--hl-blue);border-radius:var(--hl-radius-md);background:var(--hl-blue);font-size:var(--hl-text-body);font-weight:var(--hl-fw-semi);text-decoration:none;box-shadow:var(--hl-shadow-sm)}.signin .signin-button,.signin .signin-button:visited{color:var(--hl-text-inverse)}.signin .signin-button:hover{background:var(--hl-blue-hover);border-color:var(--hl-blue-hover)}.signin .signin-button:focus-visible{outline:2px solid var(--hl-blue);outline-offset:2px;box-shadow:0 0 0 4px var(--hl-blue-focus)}