.sign-in{place-items:center;min-height:100dvh;padding:48px 20px;display:grid}.sign-in__content{flex-direction:column;gap:36px;width:100%;max-width:340px;display:flex}.sign-in__brand{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.sign-in__brand .top-nav__brand-name{margin:0;font-size:clamp(64px,12vw,80px)}.sign-in__brand .top-nav__brand-subtitle{margin:0;font-size:11px}.sign-in form{flex-direction:column;gap:8px;display:flex}.sign-in label{font-size:12px;font-weight:500}.sign-in input,.sign-in button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:48px;font:inherit;padding:10px 12px}.sign-in input{color:var(--fg);background:0 0;font-size:16px}.sign-in input:hover:not(:disabled),.sign-in input[aria-invalid=true]{border-color:var(--fg)}.sign-in input:focus-visible,.sign-in button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.sign-in button{background:var(--fg);color:var(--bg);cursor:pointer;justify-content:center;align-items:center;gap:12px;margin-top:12px;font-size:14px;font-weight:600;display:flex}.sign-in button:hover:not(:disabled){background:var(--fg-muted)}.sign-in button:active:not(:disabled){opacity:.8}.sign-in :disabled{opacity:.45;cursor:default}.sign-in__error{color:var(--fg);margin:4px 0 0;font-size:12px;line-height:1.5}