.login{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:var(--sky-1) url(/header-background.png) center /cover no-repeat}.login__card{width:min(100%,26rem);padding:2rem 2rem 1.6rem;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--vhl-cyan);border-radius:8px;box-shadow:0 18px 44px rgba(13,31,69,.14)}.login__brand{display:flex;align-items:center;gap:.9rem;margin-bottom:1.4rem}.login__logo{width:64px;height:auto}.login__brand-text{display:flex;flex-direction:column;line-height:1.1}.login__brand-text b{font-family:var(--font-body);font-size:1.5rem;font-weight:700;letter-spacing:.09em;color:var(--vhl-navy)}.login__brand-text i{margin-top:.25rem;font-style:normal;font-size:.8rem;letter-spacing:.16em;color:var(--ink-soft)}.login__brand-text i,.login__title{font-weight:600;text-transform:uppercase}.login__title{margin:0 0 1rem;font-family:var(--font-head);font-size:1.35rem;letter-spacing:.02em;color:var(--vhl-navy)}.login__form{display:grid;grid-gap:1rem;gap:1rem}.login__field{display:grid;grid-gap:.35rem;gap:.35rem}.login__field span{font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--ink-soft)}.login__field input{width:100%;padding:.65rem .75rem;font:inherit;color:var(--ink);background:var(--ice-2);border:1px solid var(--line-mid);border-radius:5px}.login__field input:focus{outline:2px solid var(--vhl-cyan);outline-offset:1px;background:var(--paper)}.login__field input:disabled{opacity:.7}.login__error{margin:0;min-height:1.3em;font-size:.88rem;font-weight:600;color:var(--neg)}.login__submit{padding:.75rem 1rem;font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--vhl-blue);border:0;border-radius:5px;cursor:pointer}.login__submit:hover:not(:disabled){background:var(--vhl-blue-strong)}.login__submit:focus-visible{outline:2px solid var(--vhl-cyan);outline-offset:2px}.login__submit:disabled{opacity:.55;cursor:default}.login__foot{margin:1.3rem 0 0;font-size:.82rem}.login__foot a{color:var(--vhl-blue);text-decoration:none}.login__foot a:hover{text-decoration:underline}