.change-pass-page{background-color:#eff2f1;min-height:100vh;padding:20px 0}.change-pass-page .center-change-pass-page{max-width:1200px;margin:0 auto;padding:20px}.change-pass-page .change-pass-logo{text-align:center;margin-bottom:30px}.change-pass-page .change-pass-logo img{cursor:pointer;max-width:200px;height:auto}.change-pass-page .border-card{border:none;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);background:#fff}.change-pass-page .change-pass-card-text{padding:30px}.change-pass-page .header-body{margin-bottom:30px}.change-pass-page .header-body h2{color:#333;font-weight:600;margin-bottom:10px}.change-pass-page .header-body .text-lead{color:#666;font-size:16px;font-weight:400}.change-pass-page .form-group{margin-bottom:20px}.change-pass-page .form-group .label-input{font-weight:600;color:#333;margin-bottom:8px;display:block}.change-pass-page .form-group .form-control{border:2px solid #e1e5e9;border-radius:8px;padding:12px 80px 12px 15px;font-size:16px;transition:all .3s ease;width:100%}.change-pass-page .form-group .form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.change-pass-page .form-group .button-sm-input{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#455cb0;font-size:12px;cursor:pointer;padding:0 12px;border-radius:4px;transition:background-color .3s ease;white-space:nowrap;min-width:65px;text-align:center;line-height:1.2;height:20px;z-index:10}.change-pass-page .form-group .button-sm-input:hover{background-color:#f8f9fa}.change-pass-page .form-group .btn-sm{margin-left:10px;font-size:12px;padding:5px 10px}.change-pass-page .form-group .form-error{color:#dc3545;font-size:14px;margin-top:5px;display:flex;align-items:center}.change-pass-page .form-group .form-error .icon{width:16px;height:16px;background:#dc3545;border-radius:50%;margin-right:8px;position:relative}.change-pass-page .form-group .form-error .icon:after{content:"!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.change-pass-page .form-group.form-group--error .form-control{border-color:#dc3545}.change-pass-page .btn-primary{background-color:#455cb0;border:none;padding:12px 30px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease}.change-pass-page .btn-primary:hover{background-color:#24305c;transform:translateY(-2px);box-shadow:0 5px 15px rgba(69,92,176,.4)}.change-pass-page .btn-primary:focus{box-shadow:0 0 0 .2rem rgba(69,92,176,.25)}.change-pass-page .footer-change-pass-card{text-align:center;padding:20px;background:#f8f9fa;border-radius:0 0 15px 15px;color:#666}.change-pass-page .footer-change-pass-card .btn-outline{margin-left:10px;border:2px solid #667eea;color:#455cb0;background:transparent;padding:8px 20px;border-radius:6px;font-weight:600;transition:all .3s ease}.change-pass-page .footer-change-pass-card .btn-outline:hover{background:#667eea;color:#fff}.change-pass-page .typo__p{color:#dc3545;font-size:14px;margin-top:10px;text-align:center}.change-pass-page .spinner-border-sm{width:1rem;height:1rem;margin-left:8px}@media(max-width:768px){.change-pass-page .center-change-pass-page{padding:10px}.change-pass-page .change-pass-card-text{padding:20px}.change-pass-page .header-body h2{font-size:24px}.change-pass-page .header-body .text-lead{font-size:14px}.change-pass-page .form-group .form-control{font-size:14px;padding:10px 12px}.change-pass-page .form-group .button-sm-input{font-size:11px;padding:4px 8px}.change-pass-page .btn-primary{padding:10px 25px;font-size:14px}}