.login-page{background-color:var(--color-dark-blue);justify-content:center;align-items:center;min-height:100vh;padding:0 1rem;display:flex}.login-page__card-wrapper{width:100%;max-width:400px;position:relative}@media (min-width:768px){.login-page__card-wrapper{max-width:28rem}}@media (min-width:1024px){.login-page__card-wrapper{max-width:32rem}}.login-page__illustration{pointer-events:none;top:-3.5rem;z-index:10;width:6rem;height:6rem;position:absolute;inset-inline-start:-1rem}@media (min-width:768px){.login-page__illustration{top:-5.25rem;width:8rem;height:8rem;inset-inline-start:-2.5rem}}.login-page__card{background-color:var(--color-lime);border-radius:1rem;padding:3.5rem 1.5rem 2rem;position:relative}@media (min-width:768px){.login-page__card{padding:5.25rem 2.5rem 2.5rem}}.login-page__title{color:var(--color-olive);margin-bottom:.25rem;font-size:1.875rem}@media (min-width:768px){.login-page__title{font-size:2.25rem}}.login-page__subtitle{color:var(--color-olive);margin-bottom:1.25rem}.login-page__subtitle-link{font-weight:700;text-decoration:underline}.login-page__error{margin-bottom:1rem}.login-page__form{flex-direction:column;gap:1rem;display:flex}.login-page__field{flex-direction:column;display:flex}.login-page__label{color:var(--color-olive);margin-bottom:.125rem;display:block}.login-page__input{border:1px solid var(--color-silver);width:100%;color:var(--color-dark-blue);background-color:#fff;border-radius:.375rem;outline:none;padding:.5rem .75rem;font-size:.875rem}.login-page__input:focus{border-color:var(--color-olive)}.login-page__password-wrapper{border:1px solid var(--color-silver);background-color:#fff;border-radius:.375rem;flex-direction:row;align-items:stretch;display:flex;overflow:hidden}.login-page__password-wrapper:focus-within{border-color:var(--color-olive)}.login-page__password-input{min-width:0;color:var(--color-dark-blue);background:0 0;border:0;outline:none;flex:1;padding:.5rem .75rem;font-size:.875rem}.login-page__password-toggle{cursor:pointer;color:var(--color-olive);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 .5rem;font-size:.75rem;display:flex}.login-page__password-toggle:hover{text-decoration:underline}@media (min-width:384px){.login-page__password-toggle{padding:0 .75rem}}.login-page__forgot{text-align:start}.login-page__forgot-link{color:var(--color-olive);text-decoration:underline}.login-page__forgot-link:hover{text-decoration:none}.login-page__submit{background-color:var(--color-olive);color:#fff;cursor:pointer;border:none;border-radius:.375rem;width:100%;padding:.5rem;transition:opacity .15s}.login-page__submit:hover{opacity:.9}.login-page__submit:disabled{opacity:.5;cursor:not-allowed}.login-page__divider{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.login-page__divider-line{background-color:var(--color-silver);flex:1;height:1px}.login-page__divider-text{color:var(--color-olive)}.login-page__social{gap:.75rem;margin-top:1rem;display:flex}.login-page__social-btn{color:var(--color-dark-blue);cursor:pointer;background-color:#fff;border-style:solid;border-width:2px;border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:opacity .15s;display:flex}.login-page__social-btn:hover{opacity:.8}.login-page__social-btn:disabled{opacity:.5;cursor:not-allowed}.login-page__social-btn--google{border-color:#ef4444}.login-page__social-btn--facebook{border-color:#2563eb}.login-page__social-btn svg{flex-shrink:0;width:1rem;height:1rem}