.login{background-color:var(--color-light);padding-block:var(--space-lg2) var(--space-2xl)}.login__container{display:flex;flex-direction:column;gap:var(--space-lg2)}.login__top{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:576px){.login__top{align-items:center;display:grid;grid-template-columns:1fr auto 1fr}}.login__back{align-items:center;color:var(--color-text-light);display:inline-flex;font-size:var(--font-size-base);gap:var(--space-sm3);line-height:1.6em;text-decoration:none;transition:color var(--duration-fast) var(--ease-base)}.login__back:hover,.login__back:focus-visible{color:var(--color-text)}.login__back:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.login__back-icon{flex-shrink:0}.login__logo{align-self:center}@media(min-width:576px){.login__logo{grid-column:2}}.login__logo-image{display:block;height:auto;max-height:2.5rem;width:auto}.login__card{background-color:var(--color-white);border-radius:var(--radius-card);margin-inline:auto;max-width:33.75rem;padding:var(--container-padding-lg);width:100%}.login__heading,.login__register-heading{color:var(--color-text);font-size:var(--font-size-xl);font-weight:600;letter-spacing:-4%;line-height:1.2em;margin:0 0 var(--space-lg) 0}.login__form{display:flex;flex-direction:column;gap:var(--space-sm2)}.login__field{display:flex;flex-direction:column;gap:var(--space-sm)}.login__label{color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:400}.login__input{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-sizing:border-box;color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-sm3) var(--space-lg);transition:border-color var(--duration-fast) var(--ease-base);width:100%}.login__input:focus-visible{border-color:var(--color-text);outline:2px solid var(--color-text);outline-offset:2px}.login__input--password{padding-right:var(--space-2xl)}.login__password{position:relative}.login__password-toggle{align-items:center;background:none;border:0;color:var(--color-text-light);cursor:pointer;display:flex;inset-block-start:50%;inset-inline-end:var(--space-lg);padding:var(--space-sm);position:absolute;transform:translateY(-50%)}.login__password-toggle:hover,.login__password-toggle:focus-visible{color:var(--color-text)}.login__password-toggle:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.login__checkbox{align-items:center;color:var(--color-text-light);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--space-sm3)}.login__checkbox-input{appearance:none;background:var(--color-white);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;flex-shrink:0;height:1.125rem;margin:0;position:relative;width:1.125rem}.login__checkbox-input:checked{background:var(--color-black);border-color:var(--color-black)}.login__checkbox-input:checked:after{border-bottom:2px solid var(--color-white);border-right:2px solid var(--color-white);content:"";height:.55rem;left:50%;position:absolute;top:46%;transform:translate(-50%,-55%) rotate(45deg);width:.3rem}.login__checkbox-input:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.login__submit{margin-top:var(--space-sm)}.login__forgot{margin:0;text-align:center}.login__forgot a{color:var(--color-text);font-size:var(--font-size-base);text-decoration:underline}.login__forgot a:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.login__register{background-color:var(--color-light);border-radius:var(--radius-card);margin-top:var(--space-lg2);padding:var(--space-lg)}.login__register-text{color:var(--color-text-light);font-size:var(--font-size-base);line-height:1.6em;margin:0 0 var(--space-lg) 0}.login__register-cta{display:inline-block}