.login-background{background:linear-gradient(135deg,#74b9ff,#a29bfe);min-height:100vh;position:relative;overflow:hidden}.forgotpwContainer{margin:0 auto;max-width:600px;border-radius:20px;background:#fffffff2;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.header{text-align:left;font-size:40px;font-weight:700;color:#2f4156;padding-top:40px;padding-bottom:15px;padding-left:50px}.tagline{padding-left:50px;color:#567c8d;max-width:600px;text-align:left;font-size:1.3rem;padding-bottom:1rem}.forgotpwform{display:flex;flex-direction:column;padding:auto 20px;padding-bottom:2rem;margin-left:50px;gap:20px;width:80%}.forgotpwform input{border:1px solid rgb(216,216,216);border-radius:6px;padding:12px 16px;font-size:16px;transition:all .3s ease;background:#ffffffe6}.forgotpwform input:focus{outline:none;border-color:#74b9ff;box-shadow:0 0 10px #74b9ff4d;transform:translateY(-2px)}.forgotpwform input:disabled{opacity:.6;cursor:not-allowed}.submitButton{width:85%;margin:0 auto;margin-bottom:1.5rem}.submitButton button{width:100%;color:#2f4156;text-align:center;font-size:1.3rem;line-height:1.7;border-radius:20px;border:1px solid #2F4156;background-color:#c8d9e6;cursor:pointer;transition:all .3s ease;padding:12px 20px}.submitButton button:hover:not(:disabled){background-color:#74b9ff;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #74b9ff66}.submitButton button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-background-padding{padding-top:6rem}.error-message{color:#e74c3c;background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:12px 16px;margin:0 50px 1rem;font-size:1.1rem;font-weight:500;animation:slideIn .3s ease-out}.success-message{color:#27ae60;background-color:#27ae601a;border:1px solid rgba(39,174,96,.3);border-radius:8px;padding:12px 16px;margin:0 50px 1rem;font-size:1.1rem;font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.back-to-login-container{margin-top:1rem;margin-bottom:1.5rem;text-align:center}.back-to-login{color:#74b9ff;text-decoration:none;font-size:1.1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:5px}.back-to-login:hover{color:#5a9bd4;transform:translate(-3px)}.step-indicator{display:flex;justify-content:center;margin-bottom:2rem;padding:0 50px}.step-indicator .step{width:40px;height:40px;border-radius:50%;background-color:#74b9ff33;display:flex;align-items:center;justify-content:center;margin:0 10px;font-weight:700;color:#74b9ff;border:2px solid rgba(116,185,255,.3);transition:all .3s ease}.step-indicator .step.active{background-color:#74b9ff;color:#fff;border-color:#74b9ff}.step-indicator .step.completed{background-color:#27ae60;color:#fff;border-color:#27ae60}@media (max-width: 768px){.login-background-padding{padding-top:4rem}.error-message,.success-message{margin:0 30px 1rem;font-size:1rem}.step-indicator{padding:0 30px}.step-indicator .step{width:35px;height:35px;margin:0 5px}.back-to-login{font-size:1rem}.header{font-size:32px;padding-left:30px}.tagline{padding-left:30px;font-size:1.1rem}.form{margin-left:30px;width:85%}}
