/* Loaded only on customer_account_forgotpassword when Checkout Design is enabled.
   Native form, POST action, email validation, CAPTCHA and messages stay intact. */
@font-face{font-family:Ubuntu;src:url('../fonts/Ubuntu-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Ubuntu;src:url('../fonts/Ubuntu-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.customer-account-forgotpassword{background:#f3f8ff;color:#111d4b;font-family:Ubuntu,sans-serif}
.customer-account-forgotpassword .page-wrapper{background:#f3f8ff;min-height:100vh}
.customer-account-forgotpassword .page-header,.customer-account-forgotpassword .nav-sections,.customer-account-forgotpassword .page-footer,.customer-account-forgotpassword .tely-custom-footer{display:none}
.customer-account-forgotpassword .tely-recovery-header{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1224px;margin:0 auto;padding:24px 0;border-bottom:1px solid #dce5f1}
.customer-account-forgotpassword .tely-recovery-brand{display:block;flex:none}
.customer-account-forgotpassword .tely-recovery-brand img{display:block;width:68px;height:41px;object-fit:contain}
.customer-account-forgotpassword .tely-recovery-back{font-size:14px;color:#0765ee;line-height:1.5;text-decoration:none}
.customer-account-forgotpassword .tely-recovery-back:focus-visible{outline:2px solid #6173ff;outline-offset:4px}
.customer-account-forgotpassword .page-wrapper>.page-main{flex:0 0 auto;min-height:0;box-sizing:border-box;display:block;width:calc(100% - 40px);max-width:520px;margin:64px auto;padding:32px;border:1px solid #dce5f1;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(17,29,75,.05)}
.customer-account-forgotpassword .page-title-wrapper{margin:0 0 16px}
.customer-account-forgotpassword .page-title{font:700 26px/1.3 Ubuntu,sans-serif;color:#111d4b;margin:0;overflow-wrap:anywhere}
.customer-account-forgotpassword .columns{display:block}
.customer-account-forgotpassword .column.main{box-sizing:border-box;width:100%;min-width:0;float:none;min-height:0;padding:0}
.customer-account-forgotpassword .form.password.forget{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:none;margin:0}
.customer-account-forgotpassword .form.password.forget .fieldset{border:0;margin:0;padding:0;min-width:0}
.customer-account-forgotpassword .form.password.forget .field{margin:0 0 20px;min-width:0}
.customer-account-forgotpassword .form.password.forget .field.note{font-size:14px;line-height:1.6;color:#66758c;margin:0 0 24px}
.customer-account-forgotpassword .form.password.forget .field>.label{display:block;float:none;width:auto;padding:0;margin:0 0 8px;text-align:start;font:400 14px/1.5 Ubuntu,sans-serif;color:#52617a;white-space:normal}
.customer-account-forgotpassword .form.password.forget .field>.control{float:none;width:100%;min-width:0}
.customer-account-forgotpassword .form.password.forget input.input-text{box-sizing:border-box;width:100%;max-width:100%;height:48px;border:1px solid #d7dfeb;border-radius:8px;background:#fff;color:#111d4b;font:400 16px Ubuntu,sans-serif;padding:10px 12px;box-shadow:none}
.customer-account-forgotpassword .form.password.forget input.input-text:focus{border-color:#0765ee;box-shadow:0 0 0 2px rgba(7,101,238,.12)}
.customer-account-forgotpassword .form.password.forget .captcha-image{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.customer-account-forgotpassword .form.password.forget .captcha-img{width:auto;max-width:100%;height:50px;object-fit:contain}
.customer-account-forgotpassword .form.password.forget .captcha-reload{max-width:100%;margin:0;min-height:44px;padding:8px 12px;border:1px solid #d7dfeb;border-radius:8px;background:#f4f8ff;font:400 13px/1.4 Ubuntu,sans-serif;color:#0765ee;white-space:normal}
.customer-account-forgotpassword .form.password.forget .fieldset:after{font-size:12px;line-height:1.5;margin:0 0 16px;color:#66758c}
.customer-account-forgotpassword .form.password.forget>.actions-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin:0}
.customer-account-forgotpassword .form.password.forget>.actions-toolbar>.primary,.customer-account-forgotpassword .form.password.forget>.actions-toolbar>.secondary{float:none;display:block;width:100%;margin:0;text-align:center}
.customer-account-forgotpassword .form.password.forget .action.submit{box-sizing:border-box;display:block;width:100%;min-height:48px;padding:12px 16px;margin:0;border:1px solid #0765ee;border-radius:10px;background:#0765ee;color:white;font:700 16px/1.4 Ubuntu,sans-serif;white-space:normal;box-shadow:none}
.customer-account-forgotpassword .form.password.forget .action.submit:hover{background:#0757cd}
.customer-account-forgotpassword .form.password.forget .action.back{display:inline-block;font-size:13px;line-height:1.5;margin:0;color:#0765ee}
.customer-account-forgotpassword .message{border-radius:8px;overflow-wrap:anywhere}
@media(max-width:1264px){.customer-account-forgotpassword .tely-recovery-header{margin-inline:20px}}
@media(max-width:599px){.customer-account-forgotpassword .tely-recovery-header{padding:20px 0;gap:16px}.customer-account-forgotpassword .tely-recovery-back{font-size:13px}.customer-account-forgotpassword .page-wrapper>.page-main{margin:32px auto;padding:24px 20px;border-radius:14px}.customer-account-forgotpassword .page-title{font-size:23px}}