@media (min-width:901px){

body.page-account{
    background:#f3f7fb !important;
    color:#102943 !important;
}

/* MAIN LAYOUT */
body.page-account .account-shell{
    padding:56px 24px 70px !important;
}

body.page-account .account-grid{
    width:min(1160px,100%) !important;
    max-width:1160px !important;
    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 400px !important;
    gap:38px !important;
    align-items:stretch !important;
}

/* LEFT CARD */
body.page-account .account-experience{
    min-width:0 !important;
    display:flex !important;
}

body.page-account .account-visual-card{
    width:100% !important;
    min-height:100% !important;
    box-sizing:border-box !important;

    padding:30px !important;

    background:linear-gradient(110deg,#fff 55%,#f2ffe7 100%) !important;
    border:1px solid #d8e3ed !important;
    border-radius:24px !important;
    box-shadow:0 18px 45px rgba(17,43,70,.06) !important;
}

/* TOP BADGES */
body.page-account .account-visual-top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin-bottom:28px !important;
}

body.page-account .account-live-dot{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;

    padding:7px 12px !important;

    background:#f1f9e8 !important;
    border:1px solid #b9d891 !important;
    border-radius:999px !important;

    color:#4f6f1a !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
}

body.page-account .account-live-dot i{
    width:7px !important;
    height:7px !important;
    background:#70e000 !important;
    border-radius:50% !important;
}

/* TITLE */
body.page-account .account-visual-copy{
    margin-bottom:28px !important;
}

body.page-account .account-visual-copy h1{
    margin:0 0 14px !important;
    max-width:650px !important;

    font-size:36px !important;
    line-height:1.15 !important;
    letter-spacing:-.02em !important;
    font-weight:600 !important;
    color:#081f3d !important;
}

body.page-account .account-visual-copy p{
    margin:0 !important;
    max-width:650px !important;

    font-size:15px !important;
    line-height:1.7 !important;
    font-weight:400 !important;
    color:#607892 !important;
}

/* HEALTH PANEL */
body.page-account .account-dashboard-preview{
    margin-top:0 !important;
    padding:20px !important;

    background:#f8fbfe !important;
    border:1px solid #d7e2ec !important;
    border-radius:18px !important;
}

body.page-account .account-preview-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin-bottom:16px !important;
}

body.page-account .account-preview-head > div:first-child{
    display:flex !important;
    align-items:baseline !important;
    gap:8px !important;
}

body.page-account .account-preview-head small{
    margin:0 4px 0 0 !important;

    color:#6b8299 !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
}

body.page-account .account-preview-head strong{
    margin:0 !important;

    color:#081f3d !important;
    font-size:28px !important;
    font-weight:700 !important;
}

body.page-account .account-preview-head span{
    margin:0 !important;
    color:#6b8299 !important;
    font-size:13px !important;
}

body.page-account .account-preview-status{
    padding:7px 12px !important;

    background:#f1f9e8 !important;
    border:1px solid #b9d891 !important;
    border-radius:999px !important;

    color:#4f6f1a !important;
    font-size:11px !important;
    font-weight:700 !important;
}

/* SCORE BOXES */
body.page-account .account-score-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
}

body.page-account .account-score-grid > div{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:8px !important;

    width:100% !important;
    min-width:0 !important;

    padding:12px 13px !important;
    box-sizing:border-box !important;

    background:#fff !important;
    border:1px solid #d8e3ed !important;
    border-radius:12px !important;

    color:#314e6d !important;
    font-size:13px !important;
    font-weight:500 !important;
}

body.page-account .account-score-grid > div strong,
body.page-account .account-score-grid > div b,
body.page-account .account-score-grid > div span:last-child{
    margin:0 !important;
    padding:0 !important;

    color:#081f3d !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}

/* BOTTOM STAT LINE */
body.page-account .account-preview-bottom{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;

    margin-top:15px !important;

    color:#3e5974 !important;
    font-size:13px !important;
}

/* BENEFITS */
body.page-account .account-benefits{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:18px !important;
}

body.page-account .account-benefits > *{
    padding:14px 15px !important;

    background:#fff !important;
    border:1px solid #d8e3ed !important;
    border-radius:12px !important;

    color:#395570 !important;
    font-size:12px !important;
    font-weight:500 !important;
}

/* TRUST PILLS */
body.page-account .account-trust-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:18px !important;
}

body.page-account .account-trust-row > *{
    padding:6px 10px !important;

    background:#f1f9e8 !important;
    border:1px solid #b9d891 !important;
    border-radius:999px !important;

    color:#4f6f1a !important;
    font-size:11px !important;
    font-weight:700 !important;
}

/* RIGHT SIGN-IN CARD */
body.page-account .account-card{
    width:100% !important;
    min-height:100% !important;
    box-sizing:border-box !important;

    padding:28px !important;

    background:#fff !important;
    border:1px solid #d8e3ed !important;
    border-radius:24px !important;
    box-shadow:0 18px 45px rgba(17,43,70,.06) !important;
}

body.page-account .account-card-kicker{
    display:inline-flex !important;
    width:auto !important;

    margin:0 0 12px !important;
    padding:6px 10px !important;

    background:#f1f9e8 !important;
    border-radius:999px !important;

    color:#4f6f1a !important;
    font-size:11px !important;
    font-weight:700 !important;
}

body.page-account .account-card h2{
    margin:0 0 10px !important;

    color:#081f3d !important;
    font-size:24px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
}

body.page-account .account-card-head p{
    color:#607892 !important;
    line-height:1.6 !important;
}

/* LOGIN */
body.page-account .social-auth-stack{
    display:grid !important;
    gap:10px !important;
    margin-top:18px !important;
}

body.page-account .social-auth{
    min-height:44px !important;
    border-radius:10px !important;
}

body.page-account .account-tabs{
    margin-top:14px !important;
}

body.page-account .account-tabs button{
    min-height:40px !important;
}

body.page-account .account-access-form input[type=email],
body.page-account .account-access-form input[type=password],
body.page-account .account-access-form input[type=text]{
    min-height:42px !important;
    border-radius:9px !important;

    background:#edf4ff !important;
    border:1px solid #d2deec !important;

    color:#0c2643 !important;
    box-shadow:none !important;
}

body.page-account .auth-login-options{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    margin:12px 0 16px !important;
}

body.page-account .auth-remember{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
}

body.page-account .auth-forgot{
    white-space:nowrap !important;
}

body.page-account .account-card-foot{
    margin-top:16px !important;
    padding-top:15px !important;

    border-top:1px solid #e1e8ef !important;

    color:#607892 !important;
    line-height:1.55 !important;
}

}

/* =========================================================
   ACCOUNT DESKTOP — COLOR POLISH ONLY
   NO SIZE / GAP / WIDTH / HEIGHT CHANGES
   ========================================================= */

@media (min-width:901px){

  /* Page background */
  body.page-account{
    background:#f4f8fc !important;
    color:#10263f !important;
  }

  /* LEFT MAIN CARD */
  body.page-account .account-visual-card{
    background:
      radial-gradient(circle at 92% 8%, rgba(118,234,0,.10), transparent 28%),
      linear-gradient(145deg,#ffffff 0%,#fbfdff 60%,#f6ffed 100%) !important;

    border-color:#cfdeeb !important;
  }

  /* Main title */
  body.page-account .account-visual-copy h1{
    color:#0a2342 !important;
  }

  body.page-account .account-visual-copy p{
    color:#58738f !important;
  }

  /* Green brand pills */
  body.page-account .account-live-dot,
  body.page-account .account-preview-status,
  body.page-account .account-card-kicker,
  body.page-account .account-trust-row > *{
    background:#eff9e7 !important;
    border-color:#b8d991 !important;
    color:#426715 !important;
  }

  body.page-account .account-live-dot i{
    background:#65e600 !important;
  }

  /* Health panel */
  body.page-account .account-dashboard-preview{
    background:#f8fbff !important;
    border-color:#cfdeeb !important;
  }

  body.page-account .account-preview-head small{
    color:#6b8299 !important;
  }

  body.page-account .account-preview-head strong{
    color:#08213f !important;
  }

  body.page-account .account-preview-head span{
    color:#68809a !important;
  }

  /* Four SEO score boxes */
  body.page-account .account-score-grid > div{
    background:#ffffff !important;
    border-color:#d1dfeb !important;
    color:#35536f !important;
  }

  body.page-account .account-score-grid > div strong,
  body.page-account .account-score-grid > div b,
  body.page-account .account-score-grid > div span:last-child{
    color:#0b2746 !important;
  }

  /* Give subtle SEO-type accents */
  body.page-account .account-score-grid > div:nth-child(1){
    background:#f7fbff !important;
    border-color:#c9deef !important;
  }

  body.page-account .account-score-grid > div:nth-child(2){
    background:#f8fcff !important;
    border-color:#cddfea !important;
  }

  body.page-account .account-score-grid > div:nth-child(3){
    background:#fbfaff !important;
    border-color:#ddd8ef !important;
  }

  body.page-account .account-score-grid > div:nth-child(4){
    background:#f7fff3 !important;
    border-color:#d0e7bf !important;
  }

  body.page-account .account-preview-bottom{
    color:#47637e !important;
  }

  /* Benefit cards */
  body.page-account .account-benefits > *{
    background:#ffffff !important;
    border-color:#d1dfeb !important;
    color:#34516d !important;
  }

  /* RIGHT LOGIN CARD */
  body.page-account .account-card{
    background:#ffffff !important;
    border-color:#cfdeeb !important;
  }

  body.page-account .account-card h2{
    color:#092441 !important;
  }

  body.page-account .account-card-head p,
  body.page-account .account-card-foot{
    color:#58738f !important;
  }

  /* Google button */
  body.page-account .social-auth.google{
    background:#ffffff !important;
    color:#183653 !important;
    border-color:#ccdbea !important;
  }

  /* Facebook button */
  body.page-account .social-auth.facebook{
    background:#1877f2 !important;
    border-color:#1877f2 !important;
    color:#ffffff !important;
  }

  /* Tabs */
  body.page-account .account-tabs{
    background:#eef3f8 !important;
  }

  body.page-account .account-tabs button{
    color:#49647e !important;
  }

  body.page-account .account-tabs button.active{
    background:#ffffff !important;
    color:#0b2746 !important;
  }

  /* Inputs */
  body.page-account .account-access-form input[type=email],
  body.page-account .account-access-form input[type=password],
  body.page-account .account-access-form input[type=text]{
    background:#eef5ff !important;
    border-color:#ccdaea !important;
    color:#0b2746 !important;
  }

  body.page-account .account-access-form label{
    color:#193954 !important;
  }

  body.page-account .auth-remember{
    color:#2f4d69 !important;
  }

  body.page-account .auth-forgot{
    color:#1769c2 !important;
  }

  /* Main green CTA */
  body.page-account .account-access-form button[type=submit]{
    background:#66ef00 !important;
    color:#071a0b !important;
    border-color:#66ef00 !important;
  }

  body.page-account .account-access-form button[type=submit]:hover{
    background:#59db00 !important;
    border-color:#59db00 !important;
  }

}