.login{min-width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.login__container{display:flex;width:100%;height:100vh;background-color:var(--backgroud-light-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.login__register-link{color:#1976d2;font-size:.875rem;font-weight:500;text-decoration:underline}.login__bottom{text-align:center;margin-top:-8px}.login__register-text{color:var(--text-color);font-size:.875rem;font-weight:500}@media (max-width:768px){.login__container{flex-direction:column;height:auto;min-height:100vh}}.login__image-section{flex:1;background-image:url(/logo-orderme.png);background-repeat:no-repeat;background-color:var(--backgroud-color);background-size:70%;background-position:50%;display:flex;align-items:center;justify-content:center}@media (max-width:1024px){.login__image-section{background-size:60%}}@media (max-width:768px){.login__image-section{display:none}}.login__image-background{width:100%;height:100%}.login__form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}@media (max-width:1024px){.login__form-section{padding:24px}}@media (max-width:768px){.login__form-section{padding:20px;min-height:100vh}}.login__form-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px}@media (max-width:768px){.login__form-container{max-width:100%;gap:20px}}.login__avatar{background-color:var(--main-color);width:56px!important;height:56px!important}@media (max-width:768px){.login__avatar{width:48px!important;height:48px!important}}.login__title{font-size:1.5rem!important;font-weight:600!important;color:#1f2937!important}@media (max-width:768px){.login__title{font-size:1.25rem!important}}.login__form{width:100%;display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.login__form{gap:16px}}.login__field{display:flex;flex-direction:column;gap:8px}.login__label{font-size:.875rem;font-weight:500;color:#374151;display:block}@media (max-width:768px){.login__label{font-size:.8rem}}.login__input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#1f2937;transition:all .2s ease}.login__input,.login__input:focus{background-color:var(--backgroud-light-color)}.login__input:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 0 3px rgba(235,1,251,.1)}.login__input:disabled{background-color:var(--backgroud-light-color);color:var(--disabled-color);cursor:not-allowed}@media (max-width:768px){.login__input{padding:10px 14px;font-size:.8rem}}.login__submit-button{width:100%;padding:12px 24px;background-color:var(--main-color);color:var(--backgroud-light-color);font-weight:600;font-size:.875rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login__submit-button:hover:not(:disabled){background-color:var(--main-color-focus);transform:translateY(-1px)}.login__submit-button:disabled{background-color:var(--disabled-color);cursor:not-allowed;transform:none}.login__submit-button--disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.login__submit-button{padding:10px 20px;font-size:.8rem}}.login__recover-button{background:none;border:none;color:var(--main-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease;text-decoration:underline}.login__recover-button:hover{color:var(--main-color-focus)}@media (max-width:768px){.login__recover-button{font-size:.8rem}}.login__cancel-button{background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease;text-decoration:underline}.login__cancel-button:hover{color:#374151}@media (max-width:768px){.login__cancel-button{font-size:.8rem}}.login__error{color:var(--error-color);font-size:.75rem;margin-top:4px;padding:8px 12px;background-color:var(--backgroud-color);border:1px solid #fecaca;border-radius:6px}@media (max-width:768px){.login__error{font-size:.7rem;padding:6px 10px}}.login__buttons{width:100%;display:flex;flex-direction:column;gap:12px}.login__email-button,.login__google-button{width:100%;padding:12px 24px;font-weight:600;font-size:.875rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--main-color);color:#fff}.login__email-button:hover:not(:disabled),.login__google-button:hover:not(:disabled){background-color:var(--main-color-focus);transform:translateY(-1px)}.login__email-button:disabled,.login__google-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.login__email-button,.login__google-button{padding:10px 20px;font-size:.8rem}}.login__button-icon{flex-shrink:0;filter:brightness(0) invert(1);width:20px;height:20px}.login__button-text{color:#fff;margin:0}.login__back-button{background:none;border:none;color:var(--main-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease;text-decoration:underline}.login__back-button:hover{color:var(--main-color-focus)}@media (max-width:768px){.login__back-button{font-size:.8rem}}