.forgot-password-page{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;transition:background-image .3s;display:flex;position:relative;overflow:hidden}.forgot-password-page.light{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.forgot-password-page.dark{background-color:#1a1a2e}.forgot-password-hero{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.forgot-password-hero-img{object-fit:cover;width:100%;height:100%}.forgot-password-content-wrapper{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.forgot-password-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;border-radius:20px;width:100%;max-width:480px;padding:3rem 2.5rem;animation:.5s ease-out slideIn;position:relative;box-shadow:0 20px 60px #0000004d}.forgot-password-page.dark .forgot-password-card{background:#1e1e2ef2;box-shadow:0 20px 60px #0009}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.forgot-password-logo-wrap{justify-content:center;margin-bottom:1.5rem;display:flex}.forgot-password-header-text{color:#333;text-align:center;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.forgot-password-page.dark .forgot-password-header-text{color:#fff}.forgot-password-subtext{color:#666;text-align:center;margin-bottom:2rem;font-size:1rem}.forgot-password-page.dark .forgot-password-subtext{color:#b0b0b0}.step-indicator{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.step{align-items:center;gap:.5rem;display:flex}.step-circle{color:#999;background-color:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.step-circle.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scale(1.1)}.step-circle.completed{color:#fff;background-color:#4caf50}.step-line{background-color:#e0e0e0;width:40px;height:2px;transition:all .3s}.step-line.completed{background-color:#4caf50}.forgot-password-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#333;font-size:.95rem;font-weight:600}.forgot-password-page.dark .form-group label{color:#e0e0e0}.form-group input{color:#333;background-color:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:.9rem 1rem;font-size:1rem;transition:all .3s}.forgot-password-page.dark .form-group input{color:#fff;background-color:#2a2a3e;border-color:#3a3a4e}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#999}.forgot-password-page.dark .form-group input::placeholder{color:#666}.code-input-container{justify-content:center;gap:.5rem;display:flex}.code-digit{text-align:center;border:2px solid #e0e0e0;border-radius:10px;width:50px;height:60px;font-size:1.5rem;font-weight:700;transition:all .3s}.forgot-password-page.dark .code-digit{color:#fff;background-color:#2a2a3e;border-color:#3a3a4e}.code-digit:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{flex:1;padding-right:5rem}.toggle-password{color:#667eea;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.85rem;font-weight:600;transition:opacity .3s;position:absolute;right:1rem}.toggle-password:hover{opacity:.7}.timer-text{text-align:center;color:#666;margin-top:1rem;font-size:.9rem}.forgot-password-page.dark .timer-text{color:#b0b0b0}.timer-text.warning{color:#ff6b6b;font-weight:600}.forgot-password-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea66}.forgot-password-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.forgot-password-submit-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:10px;padding:.8rem;font-size:1rem;font-weight:600;transition:all .3s}.forgot-password-page.dark .secondary-btn{color:#8b9aee;border-color:#8b9aee}.secondary-btn:hover:not(:disabled){background:#667eea1a}.secondary-btn:disabled{opacity:.4;cursor:not-allowed}.forgot-password-back-btn{cursor:pointer;z-index:20;color:#fff;background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.3rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #0003}.forgot-password-page.dark .forgot-password-back-btn{color:#000;background:#ffffffe6;border-color:#0000001a}.forgot-password-back-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.forgot-password-loading-overlay{z-index:9999;color:#fff;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.forgot-password-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:60px;height:60px;margin-bottom:1.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.forgot-password-footer-links{text-align:center;color:#666;margin-top:2rem;font-size:.95rem}.forgot-password-page.dark .forgot-password-footer-links{color:#b0b0b0}.forgot-password-footer-links a{color:#667eea;font-weight:600;text-decoration:none;transition:opacity .3s}.forgot-password-footer-links a:hover{opacity:.7;text-decoration:underline}.success-message{text-align:center;padding:2rem}.success-icon{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:3rem;animation:.5s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.forgot-password-page.dark .success-message h3{color:#fff}.success-message p{color:#666;margin-bottom:2rem}.forgot-password-page.dark .success-message p{color:#b0b0b0}@media (max-width:768px){.forgot-password-page{flex-direction:column}.forgot-password-hero{flex:0;min-height:200px}.forgot-password-card{padding:2rem 1.5rem}.forgot-password-header-text{font-size:1.5rem}.code-digit{width:45px;height:55px;font-size:1.3rem}.step-indicator{gap:.5rem}.step-line{width:30px}}