/* =========================
   CapitalChain — Lost Password (Glassmorphic)
   Matches Affiliate Signup Form
   ========================= */

   :root {
    --deep-ocean:#0F1A2F;
    --neon-circuit:#00E0E0;
    --quantum-teal:#00C8C8;
    --crypto-ice:#F0F8FF;
    --text-on-dark:#EAF5F6;
    --muted:#9FB1B9;
    --radius:16px;
  }



  .page-id-13{
        background: radial-gradient(1000px 800px at 15% 5%, rgba(0, 224, 224, .08), transparent 70%), linear-gradient(180deg, #0B1528 0%, #152440 100%)!important;
        background-attachment: fixed!important;
        background-repeat: no-repeat!important;
        background-size: cover;
        background-color: #0B1528!important;

  }
  
  /* ----- Page background ----- */
  .page-id-13 .page-template-default.woocommerce-account {
    background: radial-gradient(100% 150% at 50% 10%, #ffffff 0%, #000910 100%) !important;
  }
  
  /* ----- Glassmorphic Form Card ----- */
  form.woocommerce-ResetPassword.lost_reset_password {
    max-width: 720px;
    margin: 90px auto;
    padding: 48px 36px 42px;
    background: rgba(15, 26, 47, 0.45);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius);
    box-shadow: 0 18px 60px rgba(0,0,0,.35),
                inset 0 1px 1px rgba(255,255,255,.08),
                0 0 18px rgba(0,224,224,.06);
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    color: var(--text-on-dark);
    font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif;
  }
  
  /* ----- Description text ----- */
  .woocommerce-ResetPassword > p:first-of-type {
    font-size: 16px;
    line-height: 1.6;
    color: var(--muted);
    margin-bottom: 28px;
  }
  
  /* ----- Labels ----- */
  .woocommerce-ResetPassword label {
    display:block;
    margin-bottom:8px;
    color: var(--crypto-ice);
    font-weight:700;
    letter-spacing:.3px;
  }
  
  /* ----- Input field ----- */
  .woocommerce-ResetPassword input.input-text {
    width:100%;
    height:50px;
    padding:0 14px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: var(--radius);
    color: var(--text-on-dark);
    transition: border-color .15s ease, box-shadow .15s ease, background .2s ease;
  }
  .woocommerce-ResetPassword input.input-text:focus {
    border-color: var(--neon-circuit);
    background: rgba(0,224,224,0.07);
    box-shadow: 0 0 0 3px rgba(0,224,224,.25);
    outline:none;
  }
  
  /* ----- Button ----- */
  .woocommerce-ResetPassword button.woocommerce-Button {
    display:inline-block;
    background: var(--neon-circuit);
    color:#032125;
    font-weight:900;
    font-size:16px;
    border:none;
    border-radius: var(--radius);
    padding:14px 32px;
    margin-top:24px;
    cursor:pointer;
    box-shadow: 0 8px 22px rgba(0,224,224,.25);
    transition: all .15s ease;
  }
  .woocommerce-ResetPassword button.woocommerce-Button:hover {
    filter: brightness(1.08);
    box-shadow: 0 12px 32px rgba(0,224,224,.35);
  }
  .woocommerce-ResetPassword button.woocommerce-Button:active {
    transform: translateY(1px);
  }
  
  /* ----- WooCommerce Notices ----- */
  .woocommerce-message,
  .woocommerce-error,
  .woocommerce-info {
    background: rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    border-left:4px solid var(--neon-circuit);
    color: var(--text-on-dark);
    border-radius: var(--radius);
    padding:14px 16px;
    margin:20px auto;
    max-width:720px;
    backdrop-filter: blur(10px) saturate(140%);
  }
  
  /* ----- Responsive ----- */
  @media (max-width:600px) {
    form.woocommerce-ResetPassword.lost_reset_password {
      padding:30px 22px 26px;
      margin: 60px 16px;
    }
    .woocommerce-ResetPassword > p:first-of-type {
      font-size:15px;
    }
  }
  
.page-id-13 .woocommerce{
max-width: unset!important;
  }

  
.page-id-13 .woocommerce form .form-row .input-text, .woocommerce form .form-row select{
    display: block;
    width: 100%;
    height: 56px;
    border-radius: 14px;
    border: 1px solid var(--cc-input-border);
    background: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(0, 0, 0, .08)), var(--cc-input);
    background-image: linear-gradient(rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.08)), initial;
    background-position-x: initial, initial;
    background-position-y: initial, initial;
    background-size: initial, initial;
    background-repeat: initial, initial;
    background-attachment: initial, initial;
    background-origin: initial, initial;
    background-clip: initial, initial;
    background-color: rgb(26, 46, 77);
    color: var(--cc-text);
    padding: 14px 18px;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);

}


.page-id-13 .woocommerce-ResetPassword.lost_reset_password{
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.015)), #12243E!important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.016)), initial;
    background-position-x: initial, initial;
    background-position-y: initial, initial;
    background-size: initial, initial;
    background-repeat: initial, initial;
    background-attachment: initial, initial;
    background-origin: initial, initial;
    background-clip: initial, initial;
    background-color: rgb(18, 36, 62);
    box-shadow: 0 20px 48px var(--cc-shadow), inset 0 1px 0 rgba(255, 255, 255, .05);
    border-radius: 22px;
    overflow: hidden;
}