.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background-color:var(--background);color:var(--foreground);transition:background-color var(--transition-normal),color var(--transition-normal);position:relative}.forgot-password-container .forgot-password-content{max-width:400px;width:100%}.forgot-password-container .forgot-password-theme-toggle{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10}.forgot-password-container .logo-container{display:flex;align-items:center;margin-bottom:2rem}.forgot-password-container .logo-container .logo{width:40px;height:40px;margin-right:.75rem;display:flex;align-items:center;justify-content:center}.forgot-password-container .logo-container .logo img{max-width:100%;height:auto}.forgot-password-container .logo-container .logo-text{font-size:1.25rem;font-weight:600;color:var(--foreground);transition:color var(--transition-normal)}.forgot-password-container .forgot-password-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--foreground);transition:color var(--transition-normal)}.forgot-password-container .forgot-password-description{color:var(--color-gray-500);margin-bottom:2rem;font-size:.875rem;line-height:1.5}.forgot-password-container .form-group{margin-bottom:1.5rem}.forgot-password-container .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--foreground);transition:color var(--transition-normal)}.forgot-password-container .input-container{position:relative}.forgot-password-container .input-container.error input{border-color:var(--color-error)}.forgot-password-container .input-container input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:.875rem;background-color:var(--input-bg);color:var(--foreground);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-normal),color var(--transition-normal)}.forgot-password-container .input-container input::placeholder{color:var(--input-placeholder)}.forgot-password-container .input-container input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 2px rgba(0,64,128,.1)}.forgot-password-container .input-container input:disabled{opacity:.7;cursor:not-allowed}.forgot-password-container .input-container .input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray-500);transition:color var(--transition-normal)}.forgot-password-container .field-error{color:var(--color-error);font-size:.75rem;margin-top:.25rem}.forgot-password-container .submit-button{width:100%;padding:.75rem;background-color:var(--button-primary-bg);color:var(--button-primary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);height:45px;display:flex;align-items:center;justify-content:center}.forgot-password-container .submit-button:hover:not(:disabled){filter:brightness(1.1)}.forgot-password-container .submit-button:disabled{opacity:.7;cursor:not-allowed}.forgot-password-container .submit-button.loading{opacity:.9}.forgot-password-container .submit-button .loading-spinner{display:flex;align-items:center;justify-content:center}.forgot-password-container .submit-button .loading-spinner .spinner{animation:rotate 2s linear infinite;width:20px;height:20px;margin-right:8px}.forgot-password-container .submit-button .loading-spinner .spinner .path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.forgot-password-container .success-message{text-align:center;padding:2rem 0}.forgot-password-container .success-message .success-icon{color:var(--color-success);margin-bottom:1rem}.forgot-password-container .success-message h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--foreground);transition:color var(--transition-normal)}.forgot-password-container .success-message p{color:var(--color-gray-500);margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.forgot-password-container .success-message .note{font-size:.75rem;color:var(--color-gray-500);margin-top:1rem}.forgot-password-container .back-to-login{text-align:center;margin-top:2rem}.forgot-password-container .back-to-login a{color:var(--color-primary);font-size:.875rem;text-decoration:none;transition:color var(--transition-fast)}.forgot-password-container .back-to-login a:hover{color:var(--color-primary-light);text-decoration:underline}