.change-password-page{min-height:calc(100vh - 120px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:32px 16px;background:radial-gradient(circle at top left,#eef2ff 0,#f3f6fb 40%,#f9fafb 100%)}.change-password-card{margin:0 auto;border-radius:18px;border:none;padding:0;-webkit-box-shadow:0 18px 45px rgba(15,23,42,.12);box-shadow:0 18px 45px rgba(15,23,42,.12);background:#fff;overflow:hidden}.cp-card-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cp-aside{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:28px 28px;background:linear-gradient(135deg,#111827,#1f2937);color:#f9fafb;border-radius:18px 0 0 18px}.cp-pill{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 10px;font-size:11px;border-radius:999px;background:rgba(249,250,251,.08);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.cp-aside-title{font-size:20px;font-weight:600;margin-bottom:8px}.cp-aside-text{font-size:13px;color:#e5e7eb;margin-bottom:18px}.cp-guidelines{padding:12px 14px;border-radius:12px;background:rgba(15,23,42,.75);border:1px solid rgba(249,250,251,.08)}.cp-guidelines-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;color:#9ca3af}.cp-guidelines-list{list-style:none;padding-left:0;margin:0;font-size:13px}.cp-guidelines-list li:before{content:"\2022";margin-right:6px;font-size:14px}.cp-form-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:26px 24px 30px}.cp-header{margin-bottom:20px}.cp-back-link{border:none;background:transparent;padding:0;font-size:12px;color:#6b7280;cursor:pointer;margin-bottom:10px}.cp-back-link:hover{text-decoration:underline;color:#374151}.cp-title{font-size:22px;font-weight:600;color:#111827;margin-bottom:4px}.cp-subtitle{color:#6b7280;margin-bottom:0}.cp-label,.cp-subtitle{font-size:13px;font-weight:600}.cp-label{color:#374151;margin-bottom:6px}.cp-input{border-radius:10px;border:1px solid #e5e7eb;height:46px;font-size:14px}.cp-input::-webkit-input-placeholder{color:#9ca3af}.cp-input::-moz-placeholder{color:#9ca3af}.cp-input:-ms-input-placeholder{color:#9ca3af}.cp-input::-ms-input-placeholder{color:#9ca3af}.cp-input::placeholder{color:#9ca3af}.cp-input:focus{border-color:#111827;-webkit-box-shadow:0 0 0 .12rem rgba(17,24,39,.18);box-shadow:0 0 0 .12rem rgba(17,24,39,.18)}.cp-hint{font-size:12px;color:#6b7280}.cp-btn{border-radius:999px;padding:10px 40px;font-size:14px;font-weight:500;-webkit-box-shadow:0 12px 24px rgba(0,0,0,.18);box-shadow:0 12px 24px rgba(0,0,0,.18)}@media (min-width:768px){.cp-card-inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cp-form-wrapper{padding:0 28px 28px 32px}}.cp-input-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cp-input-wrapper .cp-input{padding-right:70px}.cp-toggle-visibility{position:absolute;right:10px;border:none;background:transparent;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer}.cp-toggle-visibility:hover{color:#374151}.cp-password-meta{margin-top:8px}.cp-strength-bar{width:100%;height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.cp-strength-fill{height:100%;width:0;border-radius:999px;-webkit-transition:width .25s ease-in-out;transition:width .25s ease-in-out}.cp-strength-weak{background:#ef4444}.cp-strength-fair{background:#f59e0b}.cp-strength-good{background:#22c55e}.cp-strength-strong{background:#16a34a}.cp-strength-label{margin-top:4px;font-size:12px;color:#6b7280}.cp-strength-label span{font-weight:600}.cp-guidelines-list li{margin-bottom:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.cp-guidelines-list li.rule-ok{color:#bbf7d0}.cp-input-error{border-color:#dc2626!important;-webkit-box-shadow:0 0 0 .12rem rgba(220,38,38,.18);box-shadow:0 0 0 .12rem rgba(220,38,38,.18)}.cp-error{font-size:12px;color:#dc2626;margin-top:4px}.cp-btn[disabled]{opacity:.6;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}