@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap");@import url("https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css");.forgot-password-container{position:relative;width:900px;max-width:100%;height:650px;background:#fff;margin:20px auto;border-radius:30px;box-shadow:0 0 30px rgba(0,0,0,.2);overflow:hidden}.forgot-password-form-wrapper{width:100%;height:100%;padding:40px;display:flex;flex-direction:column;align-items:center}.forgot-password-title{font-size:36px;margin:0 0 30px;font-family:Be Vietnam Pro,sans-serif;color:#333;text-align:center}.step-indicator{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:40px;position:relative}.step-indicator:before{content:"";position:absolute;top:18px;left:0;right:0;height:2px;background:#eee;z-index:0}.step-item{flex-direction:column;flex:1 1;position:relative;z-index:1}.step-circle,.step-item{display:flex;align-items:center}.step-circle{width:36px;height:36px;border-radius:50%;justify-content:center;font-weight:700;font-size:18px;margin-bottom:8px;background:#eee;color:#888;transition:all .3s ease;border:2px solid #eee}.step-circle.active{background:#7494ec;color:#fff;border-color:#7494ec;box-shadow:0 0 10px rgba(116,148,236,.3)}.step-circle.completed{background:#28a745;color:#fff;border-color:#28a745}.step-circle.inactive{background:#eee;color:#888;border-color:#eee}.step-label{font-size:12px;text-align:center;font-family:Be Vietnam Pro,sans-serif;transition:color .3s ease}.step-label.active{color:#7494ec;font-weight:600}.step-label.completed{color:#28a745}.step-label.inactive{color:#888}.form-flip-container{position:relative;width:100%;height:100%;perspective:1000px;flex:1 1;display:flex;align-items:center;justify-content:center}.flip-card{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card.hidden{opacity:0;pointer-events:none;z-index:0;transform:rotateY(180deg)}.flip-card.active{transform:rotateY(0deg);z-index:3;opacity:1;pointer-events:auto}.flip-card.flipped{transform:rotateY(-180deg);z-index:1;pointer-events:none;opacity:0}.form-flip-container.flipping .flip-card.hidden{opacity:1;z-index:2}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(0deg)}.forgot-password-form-box{width:100%;max-width:500px;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding-top:50px}.back-button{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background:#7494ec;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}.back-button:hover{background:#5a7de8;transform:scale(1.1)}.back-button i{display:flex;align-items:center;justify-content:center}.forgot-password-form-box form{width:100%}.forgot-password-form-box .form-control{width:100%;padding:13px 50px 13px 20px;background:#eee;border-radius:8px;border:none;outline:none;font-size:16px;color:#333;font-weight:500;font-family:Be Vietnam Pro,sans-serif;margin-bottom:15px}.forgot-password-form-box .form-control::placeholder{color:#888;font-weight:400}.forgot-password-form-box .form-control.is-invalid{border:2px solid #dc3545;background:#fff5f5}.forgot-password-form-box .form-label{font-family:Be Vietnam Pro,sans-serif;font-size:14px;color:#333;margin-bottom:8px;display:block}.forgot-password-form-box .invalid-feedback{font-size:12px;color:#dc3545;margin-top:-10px;margin-bottom:10px;font-family:Be Vietnam Pro,sans-serif}.forgot-password-form-box .btn{width:100%;height:48px;background:#7494ec;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);border:none;cursor:pointer;font-size:16px;color:#fff;font-weight:600;font-family:Be Vietnam Pro,sans-serif;transition:background .3s ease;margin-top:10px}.forgot-password-form-box .btn:hover:not(:disabled){background:#5a7de8}.forgot-password-form-box .btn:disabled{opacity:.6;cursor:not-allowed}.forgot-password-form-box .btn-primary{background:#7494ec}.forgot-password-form-box .btn-primary:hover:not(:disabled){background:#5a7de8}.forgot-password-form-box .mb-3{position:relative;margin-bottom:20px}.forgot-password-form-box .mb-3 input[type=password],.forgot-password-form-box .mb-3 input[type=tel],.forgot-password-form-box .mb-3 input[type=text]{padding-right:50px}.forgot-password-form-box .input-box{position:relative;margin-bottom:0}.forgot-password-form-box .input-box input{padding-right:50px}.forgot-password-form-box .input-box i{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:#888;pointer-events:none}.back-to-login-link{margin-top:20px;text-align:center}.back-to-login-link a{font-size:14.5px;color:#333;text-decoration:none;font-family:Be Vietnam Pro,sans-serif;display:inline-flex;align-items:center;gap:8px;transition:color .3s ease}.back-to-login-link a:hover{color:#7494ec}.back-to-login-link a i{font-size:18px}.forgot-password-form-box .text-center{text-align:center;font-family:Be Vietnam Pro,sans-serif;color:#333;margin-bottom:20px}.forgot-password-form-box .fw-bold{font-weight:600;color:#7494ec}.forgot-password-form-box .fs-4{font-size:24px;letter-spacing:8px;text-align:center}@media screen and (max-width:1024px) and (min-width:651px){.forgot-password-form-box{padding-top:35px}}@media screen and (max-width:650px){.forgot-password-container{height:calc(100vh - 40px)}.forgot-password-form-wrapper{padding:20px}.forgot-password-title{font-size:28px;margin-bottom:20px}.step-indicator{margin-bottom:20px}.step-label{font-size:10px}.step-circle{width:30px;height:30px;font-size:14px}.forgot-password-form-box{padding-top:25px}}@media screen and (max-width:400px){.forgot-password-form-wrapper{padding:15px}.forgot-password-title{font-size:24px}.forgot-password-form-box{padding-top:20px}}