/* Bootstrap layout with the existing login page's navy and bronze theme. */
.recovery-page{min-height:100vh;margin:0;background:#191d30;color:#fff;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;position:relative;isolation:isolate}
.recovery-background{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(circle at center,rgba(39,45,76,.55) 0 18%,transparent 18%),linear-gradient(180deg,#191d30,#171b2d)}
.bg-circle{position:absolute;border-radius:50%;left:50%;transform:translateX(-50%)}
.circle-1{width:660px;height:660px;top:-135px;background:rgba(68,76,122,.20)}
.circle-2{width:330px;height:330px;top:-18px;background:rgba(19,24,46,.58)}
.bg-shape-left{position:absolute;left:0;bottom:-95px;width:500px;height:780px;background:rgba(255,255,255,.04);transform:skewX(-18deg);transform-origin:left bottom}
.bg-shape-right{position:absolute;right:-30px;bottom:-20px;width:670px;height:380px;background:rgba(255,255,255,.06);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%)}
.recovery-stage{min-height:calc(100vh - 84px);display:flex;align-items:center;justify-content:center;padding:40px 20px;max-width:960px}
.recovery-card{width:100%;min-height:510px;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.06)}
.recovery-brand{background:rgba(255,255,255,.52);position:relative;text-align:center;padding:50px 24px;display:flex;flex-direction:column;align-items:center;gap:64px}
.recovery-brand:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.18),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.12),transparent);pointer-events:none}
.brand-logo{width:86px;height:100px;object-fit:contain;position:relative}
.brand-copy{position:relative}.brand-name{font-size:16px;font-weight:800;line-height:1.65;margin-bottom:10px}.brand-english{font-size:13px;font-weight:600;line-height:1.65;margin:0}
.recovery-panel{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent),rgba(25,29,48,.72)}
.recovery-inner{max-width:500px;margin:auto;padding:42px 40px}
.recovery-title{text-align:center;font-size:21px;font-weight:800;line-height:1.5;margin-bottom:24px}.recovery-title span{font-size:17px;white-space:nowrap}
.recovery-page .text-secondary,.recovery-page .form-text{color:#c7ccdb!important}.recovery-page .form-text{font-size:12px;line-height:1.7;margin-top:8px}
.recovery-steps{color:#d9deea;font-size:12px!important}.step-active{background:#b98a63;color:#fff}.step-idle{background:#474d63;color:#e4e7ef}
.recovery-page .form-label{font-size:14px}.recovery-page .form-control{min-height:44px;font-size:14px;background:#f7f9fc;color:#253046;border-color:#d7deea}.recovery-page .input-group-text{background:#fff;color:#8a93a8;border-color:#d7deea;padding:0 16px}
.recovery-page .form-control:focus{border-color:#c79a76;box-shadow:0 0 0 .2rem rgba(185,138,99,.22)}
.recovery-page .btn{min-height:44px;font-size:14px}.recovery-page .btn-primary{--bs-btn-color:#fff;--bs-btn-border-color:#a67a56;--bs-btn-hover-border-color:#c29877;--bs-btn-active-border-color:#c29877;--bs-btn-disabled-border-color:#a67a56;background:linear-gradient(180deg,#b98a63,#8d6445);font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.recovery-page .btn-primary:hover{filter:brightness(1.09)}.recovery-page .btn:focus-visible,.recovery-page a:focus-visible{outline:3px solid #e3bd96;outline-offset:3px}.recovery-page .btn-outline-secondary{background:#fff;color:#606b82;border-color:#d7deea}.recovery-page .btn-outline-secondary:hover{background:#e8edf6}
.recovery-help{padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(255,255,255,.035)}
.recovery-page a{color:#fff;text-decoration:none}.recovery-page a:hover{text-decoration:underline}.recovery-page #recoveryLink{font-size:13px}.recovery-page #loginLink{font-weight:700;font-size:14px}.recovery-page .alert{font-size:13px;line-height:1.7}
.recovery-footer{text-align:center;padding:8px 16px 24px;font-size:12px;line-height:1.9;color:#c7ccdb}.recovery-footer a{color:inherit}
@media(max-width:767.98px){.recovery-stage{padding:24px 16px;min-height:calc(100vh - 84px)}.recovery-card{max-width:520px;min-height:0}.recovery-brand{flex-direction:row;gap:16px;padding:22px 20px;text-align:left}.brand-logo{width:48px;height:64px;flex-shrink:0}.brand-name{font-size:14px;margin-bottom:4px}.brand-english{font-size:10px}.recovery-inner{padding:28px 24px}.recovery-title{font-size:20px}.recovery-title span{font-size:15px}.recovery-footer{font-size:11px}}

/* Combined email/phone recovery tabs. */
.recovery-page [role="tab"][aria-selected="true"]{color:#fff;border-color:#b98a63}.recovery-page [role="tab"][aria-selected="false"]{background:transparent;color:#e8d4c2;border-color:#9c795b}.recovery-page #resetSendCode{color:#805736;background:#faf6f1;border-color:#c5aa92}