:root { font-family: Poppins, Arial, sans-serif; color: #07153d; background: #eafff4; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.smart-trade-home { min-width: 320px; min-height: 100vh; min-height: 100svh; margin: 0; overflow-x: hidden; color: #07153d; background: radial-gradient(circle at 50% 5%, #f8fffb 0, #eafff4 35%, #d9ffeb 75%, #effff8 100%); }
a { color: inherit; }
.cash-home { position: relative; width: min(100%, 1040px); min-height: 100svh; margin: 0 auto; padding: 28px clamp(18px, 4vw, 42px) 36px; isolation: isolate; }
.cash-home::before, .cash-home::after { content: ""; position: absolute; z-index: -1; pointer-events: none; border-radius: 50%; }
.cash-home::before { width: 440px; height: 440px; top: 80px; left: -210px; background: radial-gradient(circle, #aaffd0b8, transparent 70%); }
.cash-home::after { width: 400px; height: 400px; top: 290px; right: -220px; background: radial-gradient(circle, #aeffd2b8, transparent 70%); }
.cash-home-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.cash-brand { display: inline-flex; align-items: center; width: 170px; height: 86px; overflow: hidden; text-decoration: none; }
.cash-brand img { display: block; width: 170px; height: 103px; object-fit: contain; }
.cash-header-link { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border: 1px solid #8be9b6; border-radius: 999px; color: #008c43; background: #ffffffbd; font-size: 14px; font-weight: 700; text-decoration: none; box-shadow: 0 8px 18px #11c57017; }
.cash-header-link:hover, .cash-header-link:focus-visible { border-color: #00c76a; background: #fff; }
.cash-home-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .93fr); align-items: center; gap: 20px; min-height: 400px; padding: 30px clamp(23px, 5vw, 55px); border: 2px solid #0cde7b; border-radius: 30px; background: linear-gradient(130deg, #ffffffeb, #f6fffae8); box-shadow: 0 18px 38px #16bf6c21, 0 0 28px #2cf0a221; }
.cash-home-hero-copy { position: relative; z-index: 1; }
.cash-home-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid #a6efc5; border-radius: 100px; color: #008a43; background: #e9fff1; font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.cash-home h1 { margin: 19px 0 0; color: #06113c; font-size: clamp(38px, 5vw, 63px); font-weight: 800; line-height: 1.08; letter-spacing: -.055em; }
.cash-home h1 strong { color: #06b85d; font-weight: inherit; }
.cash-home-lead { max-width: 460px; margin: 15px 0 23px; color: #52618a; font-size: clamp(14px, 1.8vw, 18px); line-height: 1.6; }
.cash-home-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.cash-home-action { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border-radius: 13px; font-size: 14px; font-weight: 700; text-decoration: none; transition: transform .2s, filter .2s; }
.cash-home-action:hover { transform: translateY(-2px); filter: brightness(1.04); }
.cash-home-action.primary { border: 2px solid #00cd65; color: #fff; background: linear-gradient(110deg, #00df86, #00bd5a 55%, #008d35); box-shadow: 0 11px 22px #00cd6740, inset 0 1px 2px #ffffff86; }
.cash-home-action.secondary { border: 2px solid #00b95c; color: #008b44; background: #f8fffb; }
.cash-home-visual { position: relative; height: 330px; min-width: 0; }
.cash-home-market-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.cash-home-wallet { position: absolute; top: 8%; left: 50%; width: 83%; height: 85%; object-fit: contain; transform: translateX(-50%); filter: drop-shadow(0 10px 18px #1dcb6c35); }
.cash-home-credentials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 23px 0 34px; }
.cash-home-credentials span { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; border-radius: 100px; color: #fff; background: linear-gradient(110deg, #00e389, #00ad50); box-shadow: 0 10px 20px #13b7602c; font-size: 15px; font-weight: 700; text-transform: uppercase; }
.cash-home-credentials span:nth-child(2) { color: #07143d; background: linear-gradient(110deg, #fff238, #ffd000); box-shadow: 0 10px 20px #edca2842; }
.cash-home-credentials span:nth-child(3) { background: linear-gradient(110deg, #ff5b58, #dc0c13); box-shadow: 0 10px 20px #e5233340; }
.cash-home-credentials i { font-size: 20px; }
.cash-home-market, .cash-home-insights { margin: 0 0 22px; padding: clamp(19px, 3vw, 28px); border: 1px solid #bcebd3; border-radius: 25px; background: #ffffffed; box-shadow: 0 14px 30px #12bf6a18; scroll-margin-top: 20px; }
.cash-home-market-heading, .cash-home-live-heading, .cash-home-insights-head, .cash-home-fx-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cash-home-market-heading span, .cash-home-insights-head h2 { margin: 0; color: #07143d; font-size: clamp(18px, 2.7vw, 24px); font-weight: 700; }
.cash-home-market-heading i, .cash-home-insights-head i { margin-right: 8px; color: #04b75c; }
.cash-home-market-heading small { color: #63758d; font-size: 12px; }
.cash-home-graph { height: 165px; margin: 18px 0 22px; overflow: hidden; border: 1px solid #c7ecd9; border-radius: 17px; background: linear-gradient(180deg, #f2fff8, #e7fff0); }
.cash-home-graph svg { display: block; width: 100%; height: 100%; }
.cash-graph-grid { fill: none; stroke: #b8e4ca; stroke-width: 1; stroke-dasharray: 3 7; }
.cash-graph-candles { fill: #75edab7a; stroke: #0cc865; stroke-width: 2; stroke-linecap: round; }
.cash-graph-area { fill: #24d77b20; }
.cash-graph-line { fill: none; stroke: #00b75e; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 3px 4px #0bc86a55); }
.cash-home-live-heading { margin-bottom: 13px; }
.cash-home-live-heading span { color: #26395c; font-size: 15px; font-weight: 700; }
.cash-home-live-heading i { margin-right: 5px; color: #09ba60; }
.cash-home-live-heading b, .cash-home-insights-head > span { padding: 5px 10px; border: 1px solid #99e7b9; border-radius: 100px; color: #008f45; background: #eafff0; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.cash-home-live-feed { height: 330px; overflow: hidden; mask-image: linear-gradient(to bottom, transparent, #000 7%, #000 93%, transparent); }
.cash-home-live-track { display: flex; flex-direction: column; gap: 9px; animation: home-live-scroll var(--live-scroll-duration, 24s) linear infinite; }
.cash-home-live-feed:hover .cash-home-live-track { animation-play-state: paused; }
.cash-home-live-item { display: grid; grid-template-columns: 39px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 60px; padding: 9px 12px; border: 1px solid #d5eddf; border-radius: 13px; background: #f8fffb; }
.cash-home-live-item > i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #00d978, #008e42); font-size: 15px; }
.cash-home-live-item.withdrawal > i { color: #583600; background: linear-gradient(135deg, #ffe85c, #ffc521); }
.cash-home-live-copy { min-width: 0; }
.cash-home-live-copy > div { display: flex; align-items: center; gap: 6px; min-width: 0; }
.cash-home-live-copy strong { overflow: hidden; color: #07143d; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.cash-home-live-type, .cash-home-live-test { flex: 0 0 auto; padding: 3px 6px; border-radius: 5px; color: #008a41; background: #dff9ea; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.cash-home-live-item.withdrawal .cash-home-live-type { color: #8c6100; background: #fff3c4; }
.cash-home-live-test { color: #435f9b; background: #e8efff; }
.cash-home-live-copy small { display: block; overflow: hidden; margin-top: 4px; color: #6b7894; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.cash-home-live-copy small i { margin-right: 4px; }
.cash-home-live-item > b { color: #008e45; font-size: 14px; font-weight: 800; white-space: nowrap; }
.cash-home-live-item.withdrawal > b { color: #9b6e00; }
.cash-home-live-empty { display: grid; min-height: 85px; place-items: center; border: 1px dashed #a9dfbf; border-radius: 12px; color: #63758d; font-size: 13px; }
.cash-home-live-empty i { margin-right: 7px; color: #00b85d; }
.cash-home-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 0 0 22px; }
.cash-stat { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; min-height: 155px; padding: 14px; border: 1px solid #bcebd3; border-radius: 21px; color: #65738f; background: #ffffffed; box-shadow: 0 12px 25px #12bf6a15; font-size: 13px; text-align: center; }
.cash-stat-icon { display: grid; width: 45px; height: 45px; place-items: center; margin-bottom: 8px; border-radius: 13px; color: #009e4a; background: #e3ffef; font-size: 19px; }
.cash-stat strong { color: #06143b; font-size: clamp(17px, 2.8vw, 26px); line-height: 1.1; }
.cash-home-insights-head { margin-bottom: 14px; }
.cash-home-indicator { display: grid; grid-template-columns: 120px minmax(0, 1fr) 58px; align-items: center; gap: 12px; min-height: 43px; border-top: 1px solid #e4f1e9; }
.cash-home-indicator strong { color: #25385c; font-size: 12px; }
.cash-home-meter { height: 10px; overflow: hidden; border-radius: 100px; background: #dceee3; }
.cash-home-meter b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #00a554, #30e084); }
.cash-home-indicator em { color: #008f46; font-size: 11px; font-style: normal; font-weight: 700; text-align: right; }
.cash-home-fx { margin-top: 16px; padding: 16px; border: 1px solid #c7ecd9; border-radius: 16px; background: #f5fff9; }
.cash-home-fx-head span { color: #008d45; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.cash-home-fx-head i { margin-right: 5px; }
.cash-home-fx-head b { color: #07143d; font-size: 15px; }
.cash-home-fx svg { display: block; width: 100%; height: 90px; margin: 8px 0; }
.cash-home-fx small { display: flex; justify-content: space-between; color: #74819a; font-size: 10px; }
.cash-home-trust { width: fit-content; margin: 25px auto; padding: 10px 19px; border: 1px solid #bcebd3; border-radius: 100px; color: #008b43; background: #ffffffda; font-size: 14px; font-weight: 700; }
.cash-home-trust i { margin-right: 8px; }
.cash-home-nav { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; padding: 12px; border: 1px solid #bcebd3; border-radius: 22px; background: #ffffffed; box-shadow: 0 12px 25px #12bf6a18; }
.cash-home-nav a { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 9px 4px; border-radius: 13px; color: #64728a; font-size: 12px; font-weight: 600; text-decoration: none; }
.cash-home-nav i { font-size: 19px; }
.cash-home-nav a.active, .cash-home-nav a:hover, .cash-home-nav a:focus-visible { color: #008c44; background: #eafff2; }
@keyframes home-live-scroll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@media (max-width: 700px) {
  .cash-home { max-width: 620px; padding-top: 15px; }
  .cash-home-header { margin-bottom: 12px; }
  .cash-brand { width: 138px; height: 67px; }
  .cash-brand img { width: 138px; height: 84px; }
  .cash-header-link { padding: 8px 13px; font-size: 12px; }
  .cash-home-hero { display: flex; flex-direction: column-reverse; gap: 0; padding: 12px 22px 25px; border-radius: 25px; text-align: center; }
  .cash-home-visual { width: 100%; height: clamp(210px, 54vw, 290px); }
  .cash-home-wallet { width: min(75%, 360px); }
  .cash-home-eyebrow { font-size: 10px; }
  .cash-home h1 { margin-top: 13px; font-size: clamp(34px, 7vw, 47px); }
  .cash-home-lead { margin: 12px auto 19px; font-size: 14px; }
  .cash-home-actions { justify-content: center; }
  .cash-home-action { min-height: 48px; }
  .cash-home-credentials { gap: 7px; margin: 18px 0 23px; }
  .cash-home-credentials span { min-height: 43px; gap: 5px; font-size: clamp(9px, 2.6vw, 13px); }
  .cash-home-credentials i { font-size: clamp(13px, 3.4vw, 18px); }
}
@media (max-width: 420px) {
  .cash-home { padding-inline: 15px; }
  .cash-home-hero { padding-inline: 16px; }
  .cash-home-action { flex: 1; min-width: 0; padding-inline: 9px; font-size: 12px; }
  .cash-home-market, .cash-home-insights { padding: 16px; }
  .cash-home-live-heading span { font-size: 12px; }
  .cash-home-live-item { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 7px; padding: 8px; }
  .cash-home-live-item > i { width: 29px; height: 29px; font-size: 11px; }
  .cash-home-live-copy strong { font-size: 10px; }
  .cash-home-live-copy small { font-size: 8px; }
  .cash-home-live-item > b { font-size: 10px; }
  .cash-home-live-type, .cash-home-live-test { padding: 2px 4px; font-size: 7px; }
  .cash-home-stats { gap: 7px; }
  .cash-stat { min-height: 120px; padding: 8px 4px; font-size: 10px; }
  .cash-stat-icon { width: 36px; height: 36px; font-size: 15px; }
  .cash-home-indicator { grid-template-columns: 86px minmax(0, 1fr) 41px; gap: 6px; }
  .cash-home-indicator strong, .cash-home-indicator em { font-size: 9px; }
  .cash-home-insights-head h2, .cash-home-market-heading span { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .cash-home-live-track { animation: none; } .cash-home-live-feed { overflow: auto; mask-image: none; } }
