/* Finance Hub — front end */
.fh-wrap,.fh-poll,.fh-conv,.fh-ticker,.fh-markets,.fh-grid{--fh-violet:#7c3aed;--fh-pink:#ec4899;--fh-orange:#f97316;--fh-teal:#0d9488;--fh-blue:#2563eb;--fh-lime:#65a30d;--fh-up:#059669;--fh-down:#e11d48;--fh-ink:#1e1b4b;--fh-card:#fff;box-sizing:border-box;font-family:inherit}
.fh-wrap *,.fh-poll *,.fh-conv *,.fh-ticker *,.fh-markets *,.fh-grid *{box-sizing:border-box}

/* ---------- full-bleed wrapper ---------- */
.fh-wrap{width:100vw;position:relative;left:50%;margin-left:-50vw;color:var(--fh-ink);overflow-x:clip}

/* ---------- hero ---------- */
.fh-hero{position:relative;overflow:hidden;color:#fff;text-align:center;padding:72px 20px 0;background:linear-gradient(120deg,#4f46e5,#7c3aed 35%,#ec4899 70%,#f97316);background-size:200% 200%;animation:fhg 14s ease infinite}
@keyframes fhg{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.fh-hero__blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:.45;pointer-events:none}
.fh-hero__blob--1{width:340px;height:340px;background:#22d3ee;top:-100px;left:-80px}
.fh-hero__blob--2{width:300px;height:300px;background:#fde047;bottom:40px;right:-60px}
.fh-hero__blob--3{width:220px;height:220px;background:#34d399;top:30%;left:55%}
.fh-hero__in{position:relative;max-width:860px;margin:0 auto 44px}
.fh-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);padding:6px 14px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.fh-live{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.8);animation:fhl 1.6s infinite}
@keyframes fhl{70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.fh-hero__h{font-size:clamp(2.4rem,7vw,4.6rem);line-height:1.05;margin:18px 0 14px;font-weight:900;letter-spacing:-.02em;color:#fff}
.fh-hero__h span{background:linear-gradient(90deg,#fde047,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fh-hero__p{font-size:clamp(1rem,2.4vw,1.25rem);opacity:.95;margin:0 auto 26px;max-width:620px;color:#fff}
.fh-hero__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.fh-btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:800;text-decoration:none!important;transition:transform .15s,box-shadow .15s;min-height:48px;line-height:1.2}
.fh-btn:hover{transform:translateY(-2px)}
.fh-btn--hot{background:#fff;color:#be185d!important;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.fh-btn--ghost{background:rgba(255,255,255,.18);color:#fff!important;border:2px solid rgba(255,255,255,.7)}
.fh-more .fh-btn--hot{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff!important}

/* ---------- ticker ---------- */
.fh-ticker{overflow:hidden;background:rgba(15,10,50,.78);color:#fff;white-space:nowrap;border-radius:0}
.fh-hero .fh-ticker{position:relative;margin:0 -20px}
.fh-ticker__track{display:flex;width:max-content;animation:fhs 70s linear infinite}
.fh-ticker:hover .fh-ticker__track{animation-play-state:paused}
.fh-ticker__set{display:flex}
@keyframes fhs{to{transform:translateX(-50%)}}
.fh-tk{padding:12px 22px;font-size:14px;border-right:1px solid rgba(255,255,255,.12);display:inline-flex;gap:8px;align-items:center}
.fh-tk b{color:#fde047}

/* change chips */
.fh-chg{font-weight:800;font-size:12px;padding:2px 8px;border-radius:999px;white-space:nowrap}
.fh-chg--up{color:#065f46;background:#a7f3d0}
.fh-chg--down{color:#9f1239;background:#fecdd3}
.fh-chg--na{color:#555;background:#e5e7eb}

/* ---------- sections ---------- */
.fh-sec{max-width:1200px;margin:0 auto;padding:48px 20px}
.fh-sec--tint{max-width:none;background:linear-gradient(180deg,#fdf2f8,#eef2ff);padding:40px 20px}
.fh-sec--tint .fh-conv{max-width:760px;margin:0 auto}
.fh-sec__h{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;margin:0 0 24px;color:var(--fh-ink);display:flex;align-items:center;gap:10px}
.fh-sec__h span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#fde047,#f97316);font-size:22px}
.fh-updated{margin-top:14px;color:#6b7280;font-size:13px;text-align:right}
.fh-empty{padding:20px;background:#f3f4f6;border-radius:12px}
.fh-foot{padding:26px 20px;text-align:center;color:#6b7280;font-size:13px;background:#f9fafb}
.fh-more{text-align:center;margin-top:30px}

/* ---------- market panels ---------- */
.fh-markets{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}
.fh-panel{border-radius:22px;background:var(--fh-card);box-shadow:0 10px 30px rgba(79,70,229,.12);overflow:hidden;border:1px solid #eef}
.fh-panel__h{margin:0;padding:14px 18px;color:#fff;font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:8px}
.fh-panel--blue .fh-panel__h{background:linear-gradient(135deg,#2563eb,#06b6d4)}
.fh-panel--violet .fh-panel__h{background:linear-gradient(135deg,#7c3aed,#a78bfa)}
.fh-panel--pink .fh-panel__h{background:linear-gradient(135deg,#ec4899,#f472b6)}
.fh-panel--orange .fh-panel__h{background:linear-gradient(135deg,#f97316,#fbbf24)}
.fh-panel--teal .fh-panel__h{background:linear-gradient(135deg,#0d9488,#34d399)}
.fh-panel__list{list-style:none;margin:0;padding:6px 0;max-height:420px;overflow:auto}
.fh-panel__list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 18px;border-bottom:1px solid #f1f1f9;font-size:14px}
.fh-panel__list li:last-child{border:0}
.fh-panel__list li:hover{background:#faf5ff}
.fh-row__n{font-weight:700;display:flex;align-items:center;gap:6px;min-width:0}
.fh-row__n small{color:#9ca3af;font-weight:600}
.fh-row__n img{border-radius:50%}
.fh-row__p{font-variant-numeric:tabular-nums;font-weight:700}

/* ---------- converter ---------- */
.fh-conv{background:#fff;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(236,72,153,.15);border:2px solid #fbcfe8}
.fh-conv__h{margin:0 0 14px;font-size:1.2rem;font-weight:900}
.fh-conv__row{display:grid;grid-template-columns:1.4fr 1fr auto 1fr;gap:10px}
.fh-conv input,.fh-conv select{width:100%;min-height:48px;padding:10px 12px;font-size:16px;border:2px solid #e0e7ff;border-radius:12px;background:#fff;color:var(--fh-ink)}
.fh-conv input:focus,.fh-conv select:focus{outline:0;border-color:var(--fh-violet)}
.fh-conv__swap{min-height:48px;min-width:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:20px;cursor:pointer}
.fh-conv__out{margin-top:16px;font-size:1.2rem;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.fh-conv__out strong{font-size:1.7rem;background:linear-gradient(90deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fh-conv__note{margin-top:6px;font-size:12px;color:#6b7280}

/* ---------- blog cards ---------- */
.fh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:20px 0}
.fh-card{--c1:#7c3aed;--c2:#a78bfa;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(30,27,75,.12);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;border-top:6px solid var(--c1)}
.fh-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(30,27,75,.2)}
.fh-card--violet{--c1:#7c3aed;--c2:#c4b5fd}.fh-card--pink{--c1:#ec4899;--c2:#fbcfe8}.fh-card--orange{--c1:#f97316;--c2:#fed7aa}
.fh-card--teal{--c1:#0d9488;--c2:#99f6e4}.fh-card--blue{--c1:#2563eb;--c2:#bfdbfe}.fh-card--lime{--c1:#65a30d;--c2:#d9f99d}
.fh-card__img{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--c1),var(--c2));overflow:hidden}
.fh-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.fh-card:hover .fh-card__img img{transform:scale(1.06)}
.fh-card__ph{display:grid;place-items:center;height:100%;font-size:54px}
.fh-card__vs{position:absolute;left:10px;bottom:10px;right:10px;background:rgba(17,12,50,.82);color:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fh-card__vs b{color:#fde047;margin:0 4px}
.fh-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.fh-card__t{margin:0;font-size:1.15rem;line-height:1.3;font-weight:800}
.fh-card__t a{color:var(--fh-ink);text-decoration:none}
.fh-card__t a:hover{color:var(--c1)}
.fh-card__x{margin:0;color:#4b5563;font-size:14px;flex:1}
.fh-card__f{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b7280}
.fh-card__vote{background:var(--c1);color:#fff!important;padding:8px 14px;border-radius:999px;font-weight:800;text-decoration:none!important}

/* ---------- POLL ---------- */
.fh-poll{margin:0 0 28px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#1e1b4b,#4c1d95 55%,#9d174d);color:#fff;box-shadow:0 14px 40px rgba(76,29,149,.35);position:relative;overflow:hidden}
.fh-poll__badge{display:inline-block;background:rgba(255,255,255,.18);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.fh-poll__q{margin:12px 0 18px;color:#fff!important;font-size:clamp(1.15rem,3.4vw,1.6rem);line-height:1.25;font-weight:900}
.fh-poll__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}
.fh-vs{align-self:center;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fde047;color:#1e1b4b;font-weight:900;font-size:14px;box-shadow:0 0 0 5px rgba(253,224,71,.3)}
.fh-opt{position:relative;overflow:hidden;min-height:88px;border:0;border-radius:18px;padding:14px;color:#fff;cursor:pointer;text-align:center;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .15s,filter .15s}
.fh-opt--a{background:linear-gradient(135deg,#2563eb,#06b6d4)}
.fh-opt--b{background:linear-gradient(135deg,#f97316,#ec4899)}
.fh-opt:hover{transform:translateY(-3px);filter:brightness(1.08)}
.fh-opt:active,.fh-opt.is-pop{transform:scale(.97)}
.fh-opt:focus-visible{outline:3px solid #fde047;outline-offset:3px}
.fh-opt__fill{position:absolute;inset:0 auto 0 0;width:0;background:rgba(255,255,255,.28);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.fh-opt__txt{position:relative;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}
.fh-opt__name{font-size:clamp(1rem,3vw,1.3rem);font-weight:900;line-height:1.2;overflow-wrap:anywhere}
.fh-opt__pct{font-size:1.8rem;font-weight:900;display:none}
.fh-opt__tap{position:relative;display:block;margin-top:6px;font-size:12px;opacity:.85;font-weight:600}
.fh-poll.is-voted .fh-opt{cursor:default}
.fh-poll.is-voted .fh-opt:hover{transform:none;filter:none}
.fh-poll.is-voted .fh-opt__pct{display:block}
.fh-poll.is-voted .fh-opt__tap{display:none}
.fh-opt.is-mine{box-shadow:0 0 0 4px #fde047}
.fh-opt.is-mine .fh-opt__name::after{content:" ✓"}
.fh-poll__meta{margin:14px 0 12px;font-size:14px;opacity:.95;color:#fff}
.fh-total{font-weight:800}
.fh-share{display:flex;flex-wrap:wrap;gap:8px}
.fh-share__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:999px;border:0;font:inherit;font-weight:800;font-size:14px;cursor:pointer;color:#fff!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.fh-share__wa{background:#25d366;flex:1 1 180px}
.fh-share__copy{background:rgba(255,255,255,.2);flex:1 1 140px}
.fh-share__copy.is-ok{background:#10b981}
.fh-share__x{background:#000;min-width:44px}
.fh-share__fb{background:#1877f2;min-width:44px}
.fh-share__btn:hover{filter:brightness(1.1)}
.fh-polls{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}
.fh-polls .fh-poll{margin:0}
.fh-readmore{display:inline-block;margin-top:10px;font-weight:800;color:var(--fh-violet);text-decoration:none}
.fh-poll--compact{padding:18px}

/* article body tweaks */
.fh-compare table{width:100%;border-collapse:collapse}
.fh-compare th{background:linear-gradient(90deg,#2563eb,#ec4899);color:#fff;padding:10px}
.fh-compare td{padding:10px;border-bottom:1px solid #e5e7eb}
.fh-figure figcaption{font-size:12px;color:#6b7280}
.fh-disclaimer,.fh-source{color:#6b7280;font-size:14px}

/* ---------- mobile ---------- */
@media (max-width:640px){
	.fh-hero{padding-top:52px}
	.fh-sec{padding:34px 16px}
	.fh-poll{padding:18px 14px;border-radius:20px}
	.fh-poll__grid{grid-template-columns:1fr;gap:10px}
	.fh-vs{justify-self:center;margin:-6px 0;width:40px;height:40px;position:relative;z-index:2}
	.fh-opt{min-height:84px}
	.fh-conv__row{grid-template-columns:1fr 1fr}
	.fh-conv__amt{grid-column:1/-1}
	.fh-conv__swap{grid-column:1/-1;min-height:44px}
	.fh-polls{grid-template-columns:1fr}
	.fh-share__wa,.fh-share__copy{flex:1 1 100%}
	.fh-panel__list li{padding:10px 14px}
}
@media (prefers-reduced-motion:reduce){.fh-hero,.fh-ticker__track,.fh-live{animation:none}}