:root{
  --bg:#07101d;
  --bg-soft:#0c1728;
  --card:rgba(180,210,255,.10);
  --card2:rgba(180,210,255,.13);
  --line:rgba(255,255,255,.14);
  --text:#f8fbff;
  --muted:#c2d5ec;
  --accent:#54a8ff;
  --accent2:#7c4dff;
  --good:#4ef3cf;
  --warn:#ffb55e;
  --bad:#ff8ea3;
  --shadow:0 18px 42px rgba(0,0,0,.28);
  --radius:24px;
  --radius-sm:16px;
}

*{
  box-sizing:border-box;
}

html{
  margin:0;
  padding:0;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  padding:0;
  overflow-x:hidden;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:
    linear-gradient(rgba(5,10,20,.78), rgba(5,10,20,.90)),
    url('../assets/background.png') center/cover fixed no-repeat;
  min-height:100vh;
  line-height:1.5;
}

a{
  text-decoration:none;
  color:inherit;
}

img{
  max-width:100%;
  display:block;
}

input,
select,
button{
  font-size:16px;
  font-family:inherit;
}

.container{
  width:min(1200px, calc(100% - 40px));
  max-width:1200px;
  margin:0 auto;
  padding:0;
}

/* =========================
   TOPBAR / HEADER
========================= */

.topbar{
  position:sticky;
  top:0;
  z-index:30;
  backdrop-filter:blur(14px);
  background:rgba(7,14,28,.50);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.nav-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:10px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.brand img{
  width:54px;
  height:54px;
  object-fit:contain;
  border-radius:12px;
  background:rgba(255,255,255,.04);
}

.brand-text strong{
  display:block;
  font-size:1.1rem;
  line-height:1.05;
}

.brand-text span{
  display:block;
  font-size:.88rem;
  color:var(--muted);
  margin-top:2px;
}

.nav{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.nav a{
  padding:9px 14px;
  border-radius:13px;
  border:1px solid var(--line);
  background:rgba(185,211,255,.12);
  font-weight:700;
  font-size:.94rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  transition:.2s ease;
}

.nav a:hover{
  background:rgba(185,211,255,.18);
  transform:translateY(-1px);
}

.nav a.active{
  background:linear-gradient(135deg, rgba(84,168,255,.40), rgba(124,77,255,.35));
}

.lang-switch{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:10px;
}

.lang-switch button{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:7px 10px;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
  font-size:11px;
  min-width:38px;
  transition:.2s ease;
}

.lang-switch button:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-1px);
}

.lang-switch button.active{
  background:linear-gradient(135deg,#54a8ff,#7c4dff);
  border-color:transparent;
  color:#fff;
  box-shadow:0 10px 24px rgba(84,168,255,.22);
}

/* =========================
   HERO
========================= */

.hero{
  margin:22px 0 18px;
  padding:26px 28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(circle at top left, rgba(84,168,255,.10), transparent 34%),
    radial-gradient(circle at top right, rgba(124,77,255,.10), transparent 28%),
    linear-gradient(180deg, rgba(210,228,255,.12), rgba(210,228,255,.07));
  box-shadow:var(--shadow);
}

.kicker{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(185,211,255,.12);
  border:1px solid var(--line);
  font-weight:700;
  font-size:.92rem;
  color:#dcebff;
  margin-bottom:12px;
}

.hero h1{
  margin:0 0 10px;
  font-size:clamp(2.15rem, 3vw, 3.05rem);
  line-height:1.08;
  max-width:980px;
}

.hero p{
  margin:0;
  color:var(--muted);
  max-width:860px;
  font-size:1rem;
  line-height:1.62;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.hero-ticker{
  margin-top:16px;
  max-width:100%;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,16,30,0.35);
  backdrop-filter:blur(8px);
  padding:0;
}

/* =========================
   BUTTONS
========================= */

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 17px;
  border-radius:13px;
  font-weight:800;
  font-size:.94rem;
  border:1px solid var(--line);
  background:rgba(180,210,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 8px 24px rgba(0,0,0,.18);
  transition:.2s ease;
}

.btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

.btn.primary{
  background:linear-gradient(135deg, rgba(84,168,255,.72), rgba(124,77,255,.65));
}

.btn.success{
  background:linear-gradient(135deg, rgba(15,167,135,.72), rgba(78,243,207,.55));
}

.btn.warn{
  background:linear-gradient(135deg, rgba(255,170,80,.72), rgba(255,123,80,.58));
}

.btn.secondary{
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.15);
}

.btn.ghost{
  background:transparent;
  border:1px solid rgba(255,255,255,0.2);
}

/* =========================
   LAYOUT / GRID
========================= */

.grid{
  display:grid;
  gap:16px;
  min-width:0;
}

.grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.grid-2-1{
  grid-template-columns:1.45fr 1fr;
}

.section-title{
  margin:22px 0 10px;
  font-size:1.5rem;
}

/* =========================
   CARDS
========================= */

.card{
  min-width:0;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(180deg, var(--card2), var(--card));
  padding:18px;
  box-shadow:var(--shadow);
  overflow:hidden;
  transition:.22s ease;
}

.card:hover{
  transform:translateY(-2px);
  border-color:rgba(84,168,255,.22);
}

.card h2,
.card h3{
  margin:0 0 8px;
}

.card h2{
  font-size:1.08rem;
}

.card h3{
  font-size:1rem;
}

.card p{
  margin:0;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.58;
}

/* =========================
   COMMON BLOCKS
========================= */

.embed,
.placeholder{
  margin-top:10px;
  border-radius:18px;
  overflow:hidden;
  border:1px dashed rgba(255,255,255,.18);
  background:rgba(0,0,0,.18);
}

.embed iframe{
  display:block;
  width:100%;
  border:0;
}

iframe{
  max-width:100%;
}

.placeholder{
  min-height:180px;
  display:grid;
  place-items:center;
  padding:18px;
  text-align:center;
  color:#eaf2ff;
  font-size:14px;
}

.buy-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.logo-center{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
}

.logo-center img{
  width:min(100%,430px);
  height:auto;
}

.footer{
  padding:28px 0 40px;
  color:var(--muted);
  font-size:.88rem;
}

.small{
  font-size:.92rem;
}

.live-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:10px;
}

.mini-pill{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.08);
  font-size:.92rem;
}

ul.clean{
  margin:0;
  padding-left:18px;
  color:var(--muted);
}

ul.clean li{
  margin:8px 0;
}

/* =========================
   GENERIC TICKER
========================= */

.ticker-wrap{
  overflow:hidden;
  width:100%;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(4,14,28,0.82);
  backdrop-filter:blur(10px);
  margin-top:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.ticker{
  display:inline-block;
  white-space:nowrap;
  min-width:200%;
  padding:14px 0;
  animation:tickerScroll 35s linear infinite;
}

.ticker-track{
  display:flex;
  align-items:center;
  gap:28px;
  white-space:nowrap;
  padding:12px 18px;
  min-width:max-content;
  animation:tickerScroll 28s linear infinite;
}

.ticker-item{
  display:inline-block;
  margin-right:34px;
  font-size:14px;
  font-weight:700;
  color:#dfefff;
}

.ticker-item.up{
  color:#4ef3cf;
}

.ticker-item.down{
  color:#ff8ea3;
}

.ticker-coin{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  font-weight:700;
}

.ticker-logo{
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  flex:0 0 28px;
}

.ticker-symbol{
  font-weight:800;
  letter-spacing:.2px;
}

.ticker-price{
  color:#f4f8fc;
  font-weight:800;
}

.ticker-change{
  font-weight:800;
}

.ticker-up{
  color:#4ef3cf;
}

.ticker-down{
  color:#ff8ea3;
}

@keyframes tickerScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* =========================
   COIN LOGOS
========================= */

.logo-btc{background:linear-gradient(135deg,#f7931a,#c96a00)}
.logo-eth{background:linear-gradient(135deg,#627eea,#3d56b3)}
.logo-usdt{background:linear-gradient(135deg,#26a17b,#14795b)}
.logo-bnb{background:linear-gradient(135deg,#f3ba2f,#b88700);color:#111}
.logo-sol{background:linear-gradient(135deg,#14f195,#9945ff)}
.logo-xrp{background:linear-gradient(135deg,#23292f,#5f6b78)}
.logo-ada{background:linear-gradient(135deg,#2a6df5,#143a8f)}
.logo-doge{background:linear-gradient(135deg,#c2a633,#8f771f);color:#111}
.logo-usdc{background:linear-gradient(135deg,#2775ca,#143f73)}
.logo-trx{background:linear-gradient(135deg,#ff060a,#7a0002)}
.logo-other{background:linear-gradient(135deg,#5d6b82,#334155)}

/* =========================
   TABLES / LEADERBOARD
========================= */

.market-overview-grid{
  margin-bottom:24px;
}

.leaderboard-table-wrap{
  width:100%;
  overflow-x:auto;
}

.leaderboard-table{
  width:100%;
  border-collapse:collapse;
}

.leaderboard-table th,
.leaderboard-table td{
  padding:12px 10px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.08);
  white-space:nowrap;
}

.leaderboard-table th{
  color:#cbd6e2;
  font-size:13px;
  font-weight:700;
}

.leaderboard-table td{
  color:#f4f8fc;
  font-size:14px;
}

.leaderboard-row{
  cursor:pointer;
}

.leaderboard-row:hover{
  background:rgba(255,255,255,.06);
}

.coin-name-wrap{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.coin-mini-logo{
  width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}

.change-up{
  color:#4ef3cf;
  font-weight:700;
}

.change-down{
  color:#ff8ea3;
  font-weight:700;
}

/* =========================
   FEAR & GREED
========================= */

.fear-card{
  min-height:auto;
}

.fear-gauge-wrap{
  position:relative;
  padding:10px 0 0;
}

.fear-gauge{
  position:relative;
  width:100%;
  max-width:420px;
  height:220px;
  margin:0 auto 10px;
}

.fear-arc{
  position:absolute;
  left:50%;
  top:20px;
  width:320px;
  height:160px;
  transform:translateX(-50%);
  border-top-left-radius:320px;
  border-top-right-radius:320px;
  border:12px solid transparent;
  border-bottom:0;
  background:linear-gradient(
    90deg,
    #54d26a 0%,
    #85d86f 18%,
    #d7cc59 50%,
    #e79b5f 75%,
    #f06a6a 100%
  );
  -webkit-mask:radial-gradient(circle at 50% 100%, transparent 0 58%, #000 59%);
  mask:radial-gradient(circle at 50% 100%, transparent 0 58%, #000 59%);
}

.fear-needle{
  position:absolute;
  left:50%;
  bottom:34px;
  width:6px;
  height:110px;
  background:#ffffff;
  border-radius:999px;
  transform-origin:bottom center;
  transform:translateX(-50%) rotate(-90deg);
  box-shadow:0 0 12px rgba(255,255,255,0.35);
}

.fear-needle::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#ffffff;
  transform:translateX(-50%);
  box-shadow:0 0 12px rgba(255,255,255,0.35);
}

.fear-scale{
  position:absolute;
  font-size:13px;
  color:#cbd6e2;
  white-space:nowrap;
}

.fear-left{
  left:4px;
  bottom:34px;
  transform:rotate(-68deg);
  transform-origin:left center;
}

.fear-mid-left{
  left:44px;
  top:78px;
  transform:rotate(-35deg);
}

.fear-top{
  left:50%;
  top:0;
  transform:translateX(-50%);
}

.fear-mid-right{
  right:44px;
  top:78px;
  transform:rotate(35deg);
}

.fear-right{
  right:2px;
  bottom:34px;
  transform:rotate(68deg);
  transform-origin:right center;
}

.fear-center{
  text-align:center;
  margin-top:-6px;
}

.fear-value{
  font-size:56px;
  line-height:1;
  font-weight:800;
  color:#ffffff;
}

.fear-status{
  margin-top:8px;
  font-size:24px;
  font-weight:600;
  color:#f1c955;
}

.fear-box{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px;
  border-radius:16px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
}

.funding-box .fear-value{
  font-size:42px;
}

#funding-rate-label{
  font-size:18px;
}

.funding-arrow{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.08);
  font-size:24px;
  font-weight:800;
}

/* =========================
   CRYPTO DASHBOARD GENERIC
========================= */

.crypto-market-layout{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.crypto-top-row,
.crypto-bottom-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
}

.crypto-top-row .card,
.crypto-bottom-row .card{
  height:100%;
  display:flex;
  flex-direction:column;
}

.crypto-top-row .card > div:last-child,
.crypto-bottom-row .card > div:last-child{
  margin-top:auto;
}

.crypto-disclaimer{
  font-size:13px;
  color:#a8b7d1;
  margin-top:10px;
  max-width:500px;
}

.partner-box{
  margin-top:30px;
  padding:20px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.03);
}

/* =========================
   TRADINGVIEW / HEATMAP
========================= */

.tv-card{
  margin-top:10px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(10,16,28,0.92);
}

.tv-card iframe{
  display:block;
  width:100%;
  height:420px;
  border:0;
  border-radius:12px;
}

.heatmap-wrap{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.heatmap-widget{
  border-radius:16px;
  overflow:hidden;
  background:rgba(10,16,28,0.92);
  border:1px solid rgba(255,255,255,0.08);
  min-height:420px;
}

.heatmap-widget,
.heatmap-widget iframe,
.heatmap-widget .tradingview-widget-container__widget{
  width:100%;
}

.heatmap-widget .tradingview-widget-container__widget{
  min-height:420px;
}

/* =========================
   FOREX
========================= */

.forex-top-widgets{
  margin:22px 0;
}

.forex-pairs-grid{
  margin-top:22px;
}

.forex-heatmap-section{
  margin-top:22px;
}

.forex-heatmap-section .widget-frame,
.forex-heatmap-section .widget-shell{
  min-height:420px;
}

.info-card{
  min-height:420px;
  display:flex;
  flex-direction:column;
}

.pair-card{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.card-head h3{
  margin:0;
}

.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:#dfefff;
  background:rgba(84,168,255,0.14);
  border:1px solid rgba(255,255,255,0.14);
  backdrop-filter:blur(8px);
}

.news-wide{
  grid-column:span 2;
}

.widget-frame{
  flex:1;
  width:100%;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(10,20,40,0.30), rgba(8,15,30,0.45));
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 18px 42px rgba(0,0,0,0.22);
  padding:14px;
  overflow:hidden;
}

.widget-frame iframe{
  width:100%;
  height:100%;
  border:0;
}

.widget-tall{
  min-height:560px;
}

.widget-shell{
  width:100%;
  height:100%;
  min-height:320px;
  border-radius:22px;
  overflow:hidden;
  background:rgba(6,14,28,0.28);
  border:1px solid rgba(255,255,255,0.10);
}

.tradingview-widget-container,
.tradingview-widget-container__widget{
  width:100%;
  height:100%;
  min-height:320px;
}

.mini-sentiment{
  min-height:340px;
}

.mini-sentiment .widget-shell{
  min-height:340px;
}

/* =========================
   BROKER
========================= */

.broker-cta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.broker-note{
  width:100%;
  font-size:13px;
  color:#9fb3d9;
  margin-top:6px;
  text-align:center;
}

.broker-premium-card{
  margin-top:24px;
  padding:20px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(180,210,255,.10), rgba(180,210,255,.06));
  box-shadow:var(--shadow);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  transition:.25s ease;
}

.broker-premium-card:hover{
  transform:translateY(-2px);
  box-shadow:0 26px 60px rgba(0,0,0,.35);
}

.broker-premium-left{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:280px;
  flex:1;
}

.broker-logo-wrap{
  width:78px;
  height:78px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  flex:0 0 78px;
  padding:10px;
}

.broker-logo-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.broker-copy h3{
  margin:4px 0 8px;
  font-size:1.22rem;
}

.broker-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
  max-width:620px;
}

.broker-kicker{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#dcebff;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(84,168,255,.40), rgba(124,77,255,.35));
  border:1px solid rgba(255,255,255,.15);
}

.broker-features{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.broker-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:#eaf2ff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}

.broker-premium-right{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.broker-premium-right .btn{
  min-width:250px;
  padding:13px 20px;
}

.broker-disclosure{
  font-size:13px;
  color:#c7d7ee;
  text-align:center;
  line-height:1.4;
}

.broker-disclosure-small{
  font-size:12px;
  opacity:.9;
}

/* =========================
   HOW / DISCLAIMER
========================= */

.how-box{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
}

.how-steps{
  margin-top:8px;
  padding-left:18px;
  line-height:1.6;
  color:#cbd6e2;
}

.how-steps li{
  margin-bottom:6px;
}

.disclaimer{
  margin-top:16px;
  font-size:13px;
  color:#9fb3d9;
}

/* =========================
   TOOLS
========================= */

.tool-form{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:10px;
}

.tool-form label{
  font-size:13px;
  font-weight:700;
  letter-spacing:.4px;
  color:#cbd6e2;
}

.tool-form input,
.tool-form select{
  width:100%;
  min-height:44px;
  padding:11px 13px;
  border-radius:14px;
  border:1px solid rgba(84,168,255,.75);
  background:rgba(20,28,45,.72);
  color:#f8fbff;
  outline:none;
  font-size:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.tool-form input:focus,
.tool-form select:focus{
  border-color:#54a8ff;
  box-shadow:0 0 0 3px rgba(84,168,255,.14);
}

.tool-form select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dce8f7' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 5 5-5H5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px;
  padding-right:36px;
  cursor:pointer;
}

.tool-form select option{
  background:#101826;
  color:#ffffff;
}

.tool-form input::placeholder{
  color:#c7d3e3;
}

.tool-form button{
  margin-top:8px;
}

.tool-result{
  margin-top:14px;
  padding:13px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.tool-result p{
  margin:5px 0;
  font-size:15px;
  line-height:1.5;
}

.tool-result strong{
  color:var(--accent);
}

.tool-input-row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.tool-input-row input{
  flex:1;
}

.tool-input-row .btn{
  white-space:nowrap;
  flex:0 0 auto;
}

.price-inline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  min-height:44px;
}

.price-label{
  font-weight:700;
  color:#dce8f7;
}

#livePrice{
  font-weight:800;
  color:#ffffff;
}

.price-time{
  font-size:13px;
  color:var(--muted);
}

.tools-top-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
  margin-bottom:28px;
}

.tools-main-grid,
.tools-secondary-grid{
  align-items:start;
}

.tools-main-grid > .card,
.tools-secondary-grid > .card{
  height:100%;
}

.tools-main-grid .card:first-child,
.tools-main-grid .converter-card,
.tools-secondary-grid .card{
  display:flex;
  flex-direction:column;
}

.converter-card .converter-layout{
  display:block;
}

.converter-card .converter-left{
  min-width:0;
}

.converter-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.converter-actions .btn{
  flex:1 1 160px;
}

.tool-form-compact{
  max-width:100%;
}

#convLinkedPair,
#convPairPrice{
  font-weight:700;
  color:#f3f7ff;
  background:rgba(11,26,52,.72);
}

/* =========================
   SESSIONS
========================= */

.sessions-widget,
.session-board{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.session-row{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}

.session-row > div{
  min-width:0;
}

.session-name{
  font-weight:700;
  color:#f4f8fc;
}

.session-hours{
  color:#cbd6e2;
  font-size:14px;
  margin:4px 0 0;
}

.session-status{
  text-align:right;
  font-weight:700;
  white-space:nowrap;
}

.session-open .session-status{
  color:#4ef3cf;
}

.session-closed .session-status{
  color:#ff8ea3;
}

.session-footer,
.session-overlap-box{
  margin-top:4px;
  padding:12px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#cbd6e2;
  font-size:14px;
}

.session-overlap-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* =========================
   RISK / REWARD
========================= */

#rrRatio{
  font-weight:800;
  color:#54a8ff;
}

#rrRiskPips{
  color:#ff8ea3;
}

#rrRewardPips{
  color:#4ef3cf;
}

/* =========================
   CHANGELLY
========================= */

.widgets-two-col{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  margin:18px 0 30px;
}

.widget-card{
  display:flex;
  flex-direction:column;
}

.widget-text{
  color:var(--muted);
  margin-bottom:16px;
}

.crypto-page .crypto-swap-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}

.crypto-page .crypto-swap-grid .card{
  height:auto;
  align-self:start;
}

.crypto-page .changelly-widget-card{
  padding:16px 18px 18px;
}

.crypto-page .changelly-widget-card h3{
  margin-bottom:8px;
}

.crypto-page .changelly-widget-card .widget-text{
  margin-bottom:10px;
}

.crypto-page .changelly-widget-card .widget-frame{
  margin-top:0;
  padding:10px;
  border-radius:20px;
}

.crypto-page .changelly-widget-card iframe{
  height:450px !important;
  min-height:450px !important;
  display:block;
  border-radius:14px;
  background:#fff;
}

.crypto-page .footer{
  margin-top:36px;
}

/* =========================
   STATS
========================= */

.stat .label{
  font-size:.95rem;
  font-weight:700;
  color:#e3efff;
}

.stat .value{
  margin-top:8px;
  font-size:2rem;
  font-weight:800;
}

.stat .sub{
  margin-top:6px;
  color:var(--muted);
  font-size:.92rem;
}

/* =========================
   HOMEPAGE
========================= */

.hero-home .hero-ticker{
  margin-top:18px;
  width:100%;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,16,30,.42);
  backdrop-filter:blur(8px);
  padding:0;
  overflow:hidden;
}

.hero-home .hero-tv-shell,
.hero-tv-shell{
  width:100%;
  height:54px;
  min-height:54px;
  overflow:hidden;
  border-radius:18px;
}

.hero-home .hero-tv-ticker-wrap,
.hero-tv-ticker-wrap{
  width:100%;
  height:54px !important;
  min-height:54px !important;
}

.hero-home .hero-tv-ticker-wrap .tradingview-widget-container__widget,
.hero-home .hero-tv-ticker-wrap iframe,
.hero-home .tradingview-widget-container,
.hero-home .tradingview-widget-container__widget,
.hero-tv-ticker-wrap .tradingview-widget-container__widget,
.hero-tv-ticker-wrap iframe{
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
}

.home-news-section{
  margin:28px auto 34px;
}

.home-news-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.home-news-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:100%;
  border-radius:22px;
  transition:.22s ease;
}

.home-news-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 55px rgba(0,0,0,.30);
  border-color:rgba(84,168,255,.32);
}

.home-news-image{
  aspect-ratio:16/9;
  overflow:hidden;
  background:rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.home-news-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.home-news-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:16px 16px 18px;
}

.home-news-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.home-news-title{
  margin:0 0 10px;
  font-size:1rem;
  line-height:1.35;
}

.home-news-title a{
  color:var(--text);
}

.home-news-title a:hover{
  color:#a9d8ff;
}

.home-news-desc{
  margin:0 0 16px;
  color:var(--muted);
  line-height:1.56;
  font-size:.92rem;
}

.home-news-actions{
  margin-top:auto;
}

.home-trending-section{
  margin:0 auto 34px;
}

.home-trending-card{
  padding:22px 24px;
  border-radius:22px;
}

.home-trending-list{
  display:grid;
  gap:12px;
}

.home-trending-item{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:start;
  color:inherit;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.home-trending-item:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.home-trending-rank{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(84,168,255,.12);
  border:1px solid rgba(255,255,255,.12);
  font-weight:800;
  color:var(--text);
}

.home-trending-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.home-trending-title{
  color:var(--text);
  line-height:1.45;
  font-weight:700;
}

.home-trending-meta{
  color:var(--muted);
  font-size:.92rem;
}

.home-trending-item:hover .home-trending-title{
  color:#a9d8ff;
}

/* =========================
   PARTNERS / SEO / GLASS
========================= */

.partners-section{
  margin-top:50px;
}

.partners-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;
  align-items:stretch;
}

.partner-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100%;
  padding:18px;
  border-radius:16px;
  background:rgba(180,210,255,.10);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.14);
  transition:all .25s ease;
}

.partner-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:16px;
  background:linear-gradient(
    120deg,
    rgba(84,168,255,.18),
    rgba(124,77,255,.10),
    transparent 70%
  );
  opacity:.45;
  pointer-events:none;
}

.partner-card > *{
  position:relative;
  z-index:1;
}

.partner-card h3{
  margin-top:0;
  margin-bottom:10px;
}

.partner-card p{
  color:var(--muted);
  margin-bottom:14px;
  line-height:1.5;
}

.partner-card ul{
  padding-left:18px;
  margin-bottom:18px;
}

.partner-card li{
  margin-bottom:6px;
}

.partner-card .btn{
  margin-top:auto;
  width:100%;
  text-align:center;
}

.partner-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 55px rgba(0,0,0,.35);
  border-color:rgba(84,168,255,.45);
}

.fusion-btn{
  width:100%;
  text-align:center;
}

.seo-card{
  padding:26px;
  margin-top:28px;
  border-radius:18px;
  background:var(--card);
  border:1px solid var(--line);
  backdrop-filter:blur(12px);
  line-height:1.6;
  width:100%;
}

.seo-card h2{
  margin-top:0;
}

.seo-card h3{
  margin-top:18px;
  font-size:16px;
}

.seo-card p{
  color:var(--muted);
}

.glass{
  background:rgba(15,25,45,.55);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.06);
  border-radius:20px;
}

.featured-news{
  margin:40px 0;
}

.news-grid{
  margin-top:30px;
}

/* =========================
   NEWS MODAL
========================= */

.news-modal.hidden{
  display:none;
}

.news-modal{
  position:fixed;
  inset:0;
  z-index:9999;
}

.news-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,8,18,.72);
  backdrop-filter:blur(6px);
}

.news-modal-dialog{
  position:relative;
  width:min(920px, calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  margin:14px auto;
  overflow:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-radius:24px;
}

.news-modal-media{
  min-height:320px;
  background:rgba(255,255,255,.05);
  border-right:1px solid rgba(255,255,255,.08);
}

.news-modal-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.news-modal-body{
  padding:28px;
  display:flex;
  flex-direction:column;
}

.news-modal-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.news-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,18,30,.72);
  color:#fff;
  border-radius:999px;
  font-size:28px;
  cursor:pointer;
  z-index:2;
}

.news-modal-close:hover{
  background:rgba(255,255,255,.12);
}

.news-modal-actions{
  margin-top:auto;
}

/* =========================
   EDUCATION PAGE
========================= */

.education-page{
  padding:24px 0 44px;
}

.education-hero{
  padding:28px 30px;
  border-radius:24px;
  position:relative;
  overflow:hidden;
  margin-bottom:18px;
}

.education-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(84,168,255,.10), rgba(124,77,255,.08), transparent 70%);
  pointer-events:none;
}

.education-hero > *{
  position:relative;
  z-index:1;
}

.education-hero-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(84,168,255,.12);
  border:1px solid rgba(84,168,255,.25);
  color:#9ccfff;
  font-size:.86rem;
  font-weight:700;
  margin-bottom:12px;
}

.education-hero h1{
  margin:0 0 12px;
  font-size:clamp(2.15rem, 3vw, 3.05rem);
  line-height:1.08;
}

.education-hero-text{
  max-width:860px;
  font-size:.99rem;
  line-height:1.62;
  color:rgba(255,255,255,.82);
  margin-bottom:16px;
}

.education-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.education-section{
  margin-top:22px;
}

.education-guides-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  margin:22px 0;
}

.guide-card{
  height:100%;
}

.guide-level{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(124,77,255,.12);
  border:1px solid rgba(124,77,255,.22);
  color:#c8b6ff;
  font-size:.76rem;
  font-weight:700;
  margin-bottom:10px;
}

.education-content-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-top:6px;
}

.education-card{
  height:100%;
}

.education-card h2,
.education-section h2,
.guide-card h3{
  margin-top:0;
}

.education-card p,
.education-section p,
.guide-card p{
  color:rgba(255,255,255,.82);
  line-height:1.62;
}

.education-path-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:16px;
  margin-top:14px;
}

.path-step,
.term-item,
.faq-item{
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.path-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:999px;
  margin-bottom:10px;
  font-weight:800;
  background:rgba(84,168,255,.14);
  border:1px solid rgba(84,168,255,.25);
  color:#9ccfff;
}

.path-step h3,
.term-item h3,
.faq-item h3{
  margin:0 0 8px;
  font-size:.98rem;
}

.path-step p,
.term-item p,
.faq-item p{
  margin:0;
  color:rgba(255,255,255,.74);
  line-height:1.5;
  font-size:.92rem;
}

.education-terms-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
  margin-top:14px;
}

.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.section-subtitle{
  margin:4px 0 0;
  color:rgba(255,255,255,.7);
}

.feed-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(33,208,122,.12);
  border:1px solid rgba(33,208,122,.25);
  color:#7ef0b3;
  font-weight:700;
  font-size:.85rem;
}

.rss-source-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 16px;
}

.rss-source-chip{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-size:.84rem;
  color:rgba(255,255,255,.82);
}

.rss-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.rss-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px;
  border-radius:16px;
  text-decoration:none;
  color:inherit;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.rss-card:hover{
  transform:translateY(-4px);
  border-color:rgba(84,168,255,.35);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.rss-card-source{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#8fc5ff;
}

.rss-card h3{
  margin:0;
  font-size:.98rem;
  line-height:1.32;
}

.rss-card p{
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.5;
  font-size:.9rem;
}

.rss-card-meta{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:.79rem;
  color:rgba(255,255,255,.55);
}

.rss-loading,
.rss-empty{
  grid-column:1 / -1;
  padding:16px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:rgba(255,255,255,.72);
}

.faq-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-top:8px;
}

.education-disclaimer{
  margin-bottom:8px;
}

/* =========================
   PIP CALCULATOR
========================= */

.pip-mode-switch{
  display:flex;
  gap:10px;
  margin-bottom:14px;
}

.pip-mode-btn{
  padding:8px 14px;
  border-radius:16px;
  border:none;
  cursor:pointer;
  font-weight:700;
  background:#1c2740;
  color:white;
}

.pip-mode-btn.active{
  background:linear-gradient(90deg,#ffb300,#ff7b00);
  color:black;
}

.pip-mode{
  display:none;
}

.pip-mode.active{
  display:block;
}

.trade-result-main{
  font-size:28px;
  font-weight:800;
  margin-top:10px;
}

.trade-profit{
  color:#3ddc84;
}

.trade-loss{
  color:#ff5c5c;
}

.rr-bar{
  height:8px;
  background:#1c2740;
  border-radius:999px;
  overflow:hidden;
  margin-top:10px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25);
}

.rr-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg,#ff5c5c,#ff7b7b);
  box-shadow:0 0 8px rgba(61,220,132,.20);
  transition:width .3s ease, background .3s ease;
}

#pip-advanced .grid.grid-2{
  grid-template-columns:1fr 1fr;
}

.pip-presets{
  display:flex;
  gap:8px;
  margin-top:8px;
  margin-bottom:14px;
}

.pip-preset-btn{
  padding:6px 12px;
  border:none;
  border-radius:999px;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
  background:rgba(255,255,255,.08);
  color:#fff;
  transition:all .2s ease;
}

.pip-preset-btn:hover{
  background:linear-gradient(90deg,#ffb300,#ff7b00);
  color:#000;
  transform:translateY(-1px);
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width:1200px){
  .flow-top-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:1100px){
  .grid-4,
  .grid-3,
  .grid-2-1{
    grid-template-columns:1fr;
  }

  .nav-wrap{
    flex-direction:column;
    align-items:flex-start;
  }

  .education-path-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .education-terms-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .home-news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mover-row{
    grid-template-columns:38px minmax(0,1.5fr) minmax(80px,.9fr) auto;
  }

  .mover-cap{
    display:none;
  }
}

@media (max-width:980px){
  .crypto-top-row,
  .crypto-bottom-row,
  .tools-top-grid,
  .tools-main-grid,
  .tools-secondary-grid,
  .forex-top-widgets,
  .forex-pairs-grid,
  .widgets-two-col,
  .crypto-page .crypto-swap-grid,
  .education-guides-grid,
  .education-content-grid,
  .rss-grid,
  .faq-list,
  .flow-top-grid,
  .flow-mid-grid,
  .flow-list-compact{
    grid-template-columns:1fr !important;
  }

  .news-wide{
    grid-column:span 1;
  }

  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .hero-actions .btn{
    width:100%;
    text-align:center;
  }

  .tool-input-row{
    flex-direction:column;
    align-items:stretch;
  }

  .tool-input-row .price-inline{
    width:100%;
  }

  .session-row{
    grid-template-columns:1fr;
  }

  .session-status{
    text-align:left;
    white-space:normal;
  }

  .education-terms-grid,
  .education-path-grid{
    grid-template-columns:1fr 1fr;
  }

  .flow-list-compact{
    grid-template-columns:1fr;
  }

  .whale-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .whale-actions{
    width:100%;
  }

  .tv-card iframe{
    height:380px;
  }

  .heatmap-widget{
    min-height:380px;
  }

  .heatmap-widget .tradingview-widget-container__widget{
    min-height:380px;
  }
}

@media (max-width:900px){
  .crypto-movers-grid{
    grid-template-columns:1fr;
  }

  .news-modal-dialog{
    grid-template-columns:1fr;
  }

  .news-modal-media{
    min-height:220px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .news-modal-body{
    padding:22px;
  }
}

@media (max-width:820px){
  .broker-premium-card{
    align-items:flex-start;
  }

  .broker-premium-right{
    width:100%;
    align-items:stretch;
  }

  .broker-premium-right .btn{
    min-width:0;
    width:100%;
  }

  .broker-disclosure{
    text-align:left;
  }
}

@media (max-width:768px){
  .partners-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .home-news-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .container{
    width:min(100%, calc(100% - 24px));
  }

  .grid{
    gap:14px;
  }

  .nav-wrap{
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
  }

  .nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  .nav a{
    padding:6px 12px;
    font-size:13px;
  }

  .hero{
    padding:18px 16px;
    border-radius:20px;
  }

  .hero h1,
  .education-hero h1{
    font-size:1.8rem;
    line-height:1.12;
  }

  .hero p,
  .education-hero-text{
    font-size:14px;
    line-height:1.55;
  }

  .card{
    padding:16px;
    border-radius:18px;
  }

  .tool-form input,
  .tool-form select{
    min-height:44px;
    padding:10px 12px;
    font-size:16px;
    border-radius:12px;
  }

  .tool-form .btn,
  .btn.primary,
  .btn{
    min-height:46px;
    padding:12px 14px;
    font-size:14px;
  }

  .price-inline{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    gap:6px;
    font-size:13px;
  }

  .price-label,
  #livePrice,
  .price-time{
    font-size:13px;
  }

  #pip-advanced .grid.grid-2,
  .tool-form .grid.grid-2{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .tool-result{
    margin-top:12px;
    padding:12px 14px;
    border-radius:12px;
  }

  .tool-result p{
    font-size:14px;
    line-height:1.45;
    margin:4px 0;
    word-break:break-word;
  }

  .pip-mode-switch{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:12px;
  }

  .pip-mode-btn{
    width:100%;
    min-height:42px;
    padding:10px 12px;
    font-size:14px;
    text-align:center;
  }

  .pip-presets{
    gap:6px;
    margin-top:6px;
    margin-bottom:12px;
  }

  .pip-preset-btn{
    flex:1 1 calc(50% - 6px);
    min-height:38px;
    padding:8px 10px;
    font-size:13px;
    text-align:center;
  }

  .rr-bar{
    margin-top:8px;
    height:9px;
  }

  .converter-actions{
    flex-direction:column;
    gap:10px;
  }

  .converter-actions .btn{
    width:100%;
    flex:1 1 auto;
  }

  .fear-gauge{
    max-width:340px;
    height:190px;
  }

  .fear-arc{
    width:260px;
    height:130px;
  }

  .fear-needle{
    height:88px;
    bottom:30px;
  }

  .fear-scale{
    font-size:11px;
  }

  .fear-value{
    font-size:44px;
  }

  .fear-status{
    font-size:20px;
  }

  .tv-card iframe{
    height:320px;
  }

  .card .embed iframe{
    height:260px;
  }

  .heatmap-widget{
    min-height:320px;
  }

  .heatmap-widget .tradingview-widget-container__widget{
    min-height:320px;
  }

  .hero-home .hero-tv-shell,
  .hero-home .hero-tv-ticker-wrap,
  .hero-home .hero-tv-ticker-wrap .tradingview-widget-container__widget,
  .hero-home .hero-tv-ticker-wrap iframe,
  .hero-home .tradingview-widget-container,
  .hero-home .tradingview-widget-container__widget,
  .hero-tv-shell,
  .hero-tv-ticker-wrap,
  .hero-tv-ticker-wrap .tradingview-widget-container__widget,
  .hero-tv-ticker-wrap iframe{
    height:62px !important;
    min-height:62px !important;
  }

  .whale-card{
    padding:14px;
    border-radius:16px;
  }

  .whale-header{
    gap:10px;
  }

  .whale-header h2{
    font-size:18px;
  }

  .flow-stat-card{
    min-height:auto;
    padding:14px;
    border-radius:14px;
  }

  .flow-stat-value{
    font-size:26px;
  }

  .flow-stat-value-sm,
  .cycle-phase,
  .rotation-direction,
  .strength-percent{
    font-size:22px;
  }

  .whale-item{
    grid-template-columns:1fr !important;
    gap:10px;
    padding:14px;
  }

  .whale-side{
    align-items:flex-start;
    text-align:left;
    min-width:0;
  }

  .whale-item .whale-badge{
    justify-self:start;
  }

  .partners-grid{
    grid-template-columns:1fr !important;
    gap:14px;
  }

  .partner-card{
    padding:16px;
    border-radius:16px;
  }

  .seo-card{
    padding:18px;
    margin-top:18px;
    border-radius:16px;
  }

  .seo-card h2{
    font-size:1.25rem;
  }

  .seo-card h3{
    font-size:15px;
  }

  .education-page{
    padding:18px 0 40px;
  }

  .education-hero{
    padding:22px 18px;
    border-radius:20px;
  }

  .education-guides-grid,
  .education-content-grid,
  .education-terms-grid,
  .education-path-grid,
  .rss-grid,
  .faq-list{
    grid-template-columns:1fr;
  }

  .rss-card{
    padding:16px;
  }
}

@media (min-width:1440px){
  .container{
    width:min(1180px, calc(100% - 80px));
    max-width:1180px;
  }

  .hero h1,
  .education-hero h1{
    font-size:clamp(2rem, 2.6vw, 2.8rem);
  }

  .hero,
  .education-hero{
    padding:22px 24px;
  }

  .card{
    padding:17px;
  }
}

/* =========================================================
   CRYPTO MARKET FLOW TRACKER - FINAL CLEAN BLOCK
========================================================= */

.whale-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:16px 18px;
  border-radius:18px;
}

.whale-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(6,12,24,0.72);
  z-index:0;
}

.whale-card > *{
  position:relative;
  z-index:1;
}

/* HEADER */

.whale-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:8px;
}

.whale-header h2{
  margin:6px 0 4px;
  font-size:20px;
  line-height:1.2;
}

.whale-header p{
  font-size:13px;
  line-height:1.55;
  color:#cbd6e2;
  max-width:760px;
}

.whale-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

/* STATUS + INFO BOX */

.whale-card .tool-result{
  padding:8px 12px;
  border-radius:12px;
  background:rgba(255,255,255,0.035);
  border:1px solid rgba(255,255,255,0.07);
}

/* TOP GRID */

.flow-top-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
  margin-top:10px;
  margin-bottom:18px;
}

/* MID GRID (Cycle + Risk) */

.flow-mid-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:18px;
}

.flow-stat-card{
  padding:18px;
  min-height:190px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(18,32,52,.85), rgba(10,18,32,.90));
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:all .2s ease;
}

.flow-stat-card:hover{
  border-color:rgba(84,168,255,.30);
  background:linear-gradient(180deg, rgba(22,38,60,.88), rgba(12,20,36,.94));
}

.flow-stat-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
}

.flow-stat-title{
  font-size:13px;
  font-weight:700;
  color:#c9d4e5;
}

.flow-stat-value{
  font-size:32px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-0.4px;
  color:#ffffff;
}

.flow-stat-value-sm{
  font-size:22px;
  line-height:1.15;
  font-weight:800;
}

.flow-stat-sub{
  font-size:13px;
  line-height:1.45;
  color:#9fb1c9;
}

/* SIGNAL STATES */

.flow-bullish{
  border-color:rgba(46,204,113,.45);
  background:linear-gradient(180deg, rgba(18,48,40,.78), rgba(10,24,22,.92));
}

.flow-bearish{
  border-color:rgba(255,107,107,.45);
  background:linear-gradient(180deg, rgba(52,24,30,.80), rgba(22,12,16,.94));
}

.flow-neutral{
  border-color:rgba(84,168,255,.35);
  background:linear-gradient(180deg, rgba(24,38,58,.84), rgba(10,18,32,.92));
}

/* MID ROW CARDS */

.cycle-card{
  position:relative;
  overflow:hidden;
  min-height:150px;
  grid-column:auto;
}

.risk-card{
  min-height:150px;
  justify-content:center;
}

.risk-card .flow-stat-value-sm{
  font-size:30px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.3px;
  color:#ffffff;
}

.risk-card .flow-stat-sub{
  max-width:420px;
}

/* BOTTOM GRID */

.flow-list-compact{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  align-items:stretch;
}

.flow-list-compact .whale-item{
  height:100%;
  min-height:102px;
  background:linear-gradient(
    180deg,
    rgba(22,38,60,.75),
    rgba(10,18,32,.85)
  );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(0,0,0,.22);
}

.whale-item{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(120px,.75fr) auto;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  transition:all .2s ease;
}

.whale-item:hover{
  transform:translateY(-2px);
  border-color:rgba(84,168,255,.28);
  box-shadow:
    0 10px 24px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.whale-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}

.whale-main strong{
  display:block;
  font-size:14px;
  line-height:1.2;
  color:#ffffff;
  margin-bottom:2px;
}

.whale-meta{
  font-size:12px;
  line-height:1.35;
  color:#9fb1c9;
}

.whale-side{
  text-align:right;
  min-width:120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
}

.whale-side .whale-value{
  display:block;
  font-size:18px;
  line-height:1.05;
  font-weight:900;
  color:#ffffff;
  margin-bottom:4px;
  letter-spacing:-.2px;
  white-space:nowrap;
}

.whale-side div{
  font-size:11px;
  color:#c7d3e3;
  line-height:1.35;
  white-space:nowrap;
}

.whale-item .whale-badge{
  justify-self:end;
  align-self:center;
}

.whale-item .coin-meta-wrap{
  margin-top:2px;
}

.whale-item .coin-inline-name{
  font-size:14px;
  font-weight:800;
}

/* COIN META */

.coin-meta-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:4px;
  min-width:0;
}

.coin-inline-badge{
  width:28px;
  height:28px;
  border-radius:999px;
  flex:0 0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:#dfefff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}

.coin-inline-icon{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:999px;
}

.coin-inline-name{
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  color:#f4f7fb;
}

.coin-inline-fallback-active{
  background:linear-gradient(135deg, rgba(84,168,255,.35), rgba(124,77,255,.28));
}

/* BADGES */

.whale-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  padding:6px 12px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.2px;
  text-align:center;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.whale-badge.transfer{
  background:rgba(84,168,255,.16);
  color:#69b7ff;
  border-color:rgba(84,168,255,.22);
}

.whale-badge.inflow{
  background:rgba(255,107,107,.16);
  color:#ff7d7d;
  border-color:rgba(255,107,107,.22);
}

.whale-badge.outflow{
  background:rgba(46,204,113,.16);
  color:#39d98a;
  border-color:rgba(46,204,113,.22);
}

/* EMPTY */

.whale-empty{
  padding:14px;
  text-align:center;
  color:#9fb0c6;
  border-radius:12px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
}

/* ===== Crypto Sentiment Bar ===== */

.sentiment-bar{
  margin-top:12px;
  height:10px;
  width:100%;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28);
}

.sentiment-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    #ff6b6b 0%,
    #f7c948 50%,
    #4ef3cf 100%
  );
  box-shadow:0 0 12px rgba(84,168,255,.18);
  transition:width .65s ease;
}

.sentiment-scale{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
  font-size:11px;
  color:#9fb1c9;
  letter-spacing:.2px;
}

/* ===== Capital Rotation ===== */

.rotation-direction{
  margin-top:2px;
  font-size:24px;
  line-height:1.1;
  font-weight:900;
  color:#ffffff;
  letter-spacing:-.3px;
}

.rotation-note{
  margin-top:8px;
  font-size:13px;
  color:#cbd6e2;
  line-height:1.45;
}

.rotation-bar{
  margin-top:12px;
  position:relative;
  height:10px;
  width:100%;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28);
}

.rotation-fill{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(84,168,255,.95) 0%,
    rgba(124,77,255,.88) 50%,
    rgba(78,243,207,.92) 100%
  );
  opacity:.95;
}

.rotation-pointer{
  position:absolute;
  top:50%;
  width:16px;
  height:16px;
  border-radius:999px;
  background:#fff;
  border:2px solid rgba(84,168,255,.55);
  box-shadow:0 0 14px rgba(255,255,255,.28);
  transform:translate(-50%,-50%);
}

.rotation-scale{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
  font-size:11px;
  color:#9fb1c9;
  letter-spacing:.2px;
}

/* ===== Market Strength ===== */

.strength-value-row{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-top:2px;
}

.strength-percent{
  font-size:30px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.4px;
  color:#ffffff;
}

.strength-label{
  font-size:13px;
  font-weight:700;
  color:#cbd6e2;
  white-space:nowrap;
}

.strength-bar{
  position:relative;
  margin-top:12px;
  height:12px;
  width:100%;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28);
}

.strength-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    #ff6b6b 0%,
    #f7c948 45%,
    #54a8ff 75%,
    #4ef3cf 100%
  );
  box-shadow:0 0 14px rgba(84,168,255,.20);
  transition:width .65s ease;
}

.strength-scale{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
  font-size:11px;
  color:#9fb1c9;
  letter-spacing:.2px;
}

/* ===== Heat colors ===== */

.gainer-heat{
  border-color:rgba(46,204,113,.45);
  background:linear-gradient(
    180deg,
    rgba(18,48,40,.75),
    rgba(10,24,22,.90)
  ) !important;
}

.loser-heat{
  border-color:rgba(255,107,107,.45);
  background:linear-gradient(
    180deg,
    rgba(52,24,30,.78),
    rgba(22,12,16,.92)
  ) !important;
}

/* ===== Market Cycle Indicator ===== */

.cycle-phase{
  margin-top:2px;
  font-size:28px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.4px;
  color:#ffffff;
}

.cycle-phase-sub{
  margin-top:8px;
  font-size:13px;
  line-height:1.45;
  color:#cbd6e2;
}

.cycle-strip{
  display:flex;
  gap:8px;
  margin-top:14px;
}

.cycle-step{
  flex:1;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}

.cycle-step.active{
  box-shadow:0 0 14px rgba(84,168,255,.18);
}

.cycle-step-fill{
  width:100%;
  height:100%;
  border-radius:999px;
  opacity:.95;
}

.cycle-step-fill.accumulation{
  background:linear-gradient(90deg, #54a8ff, #7c4dff);
}

.cycle-step-fill.expansion{
  background:linear-gradient(90deg, #f7c948, #4ef3cf);
}

.cycle-step-fill.cooling{
  background:linear-gradient(90deg, #ff8ea3, #ffb55e);
}

.cycle-scale{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
  font-size:11px;
  color:#9fb1c9;
  letter-spacing:.2px;
}

/* RESPONSIVE */

@media (max-width:1200px){
  .flow-top-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:980px){
  .flow-top-grid{
    grid-template-columns:1fr;
  }

  .flow-list-compact{
    grid-template-columns:1fr;
  }

  .whale-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .whale-actions{
    width:100%;
  }

  .cycle-card,
  .risk-card{
    min-height:auto;
  }
}

@media (max-width:640px){
  .whale-card{
    padding:14px;
  }

  .flow-stat-card{
    padding:15px;
    min-height:auto;
  }

  .flow-stat-value{
    font-size:28px;
  }

  .flow-stat-value-sm{
    font-size:20px;
  }

  .strength-value-row{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .whale-item{
    grid-template-columns:1fr;
    align-items:flex-start;
    gap:10px;
  }

  .whale-side{
    text-align:left;
    min-width:0;
    align-items:flex-start;
  }

  .whale-item .whale-badge{
    justify-self:start;
  }

  .whale-badge{
    min-width:68px;
  }

  .risk-card .flow-stat-value-sm{
    font-size:24px;
  }

  .cycle-phase{
    font-size:24px;
  }
}


/* =========================
PIP CALCULATOR MODES
========================= */

.pip-mode-switch{
  display:flex;
  gap:10px;
  margin-bottom:14px;
}

.pip-mode-btn{
  padding:8px 14px;
  border-radius:16px;
  border:none;
  cursor:pointer;
  font-weight:700;
  background:#1c2740;
  color:white;
}

.pip-mode-btn.active{
  background:linear-gradient(90deg,#ffb300,#ff7b00);
  color:black;
}

.pip-mode{
  display:none;
}

.pip-mode.active{
  display:block;
}

.trade-result-main{
  font-size:28px;
  font-weight:800;
  margin-top:10px;
}

.trade-profit{
  color:#3ddc84;
}

.trade-loss{
  color:#ff5c5c;
}

.rr-bar{
  height:8px;
  background:#1c2740;
  border-radius:999px;
  overflow:hidden;
  margin-top:10px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25);
}

.rr-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg,#ff5c5c,#ff7b7b);
  box-shadow:0 0 8px rgba(61,220,132,.20);
  transition:width .3s ease, background .3s ease;
}

#pip-advanced .grid.grid-2{
  grid-template-columns:1fr 1fr;
}

.pip-presets{
  display:flex;
  gap:8px;
  margin-top:8px;
  margin-bottom:14px;
}

.pip-preset-btn{
  padding:6px 12px;
  border:none;
  border-radius:999px;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
  background:rgba(255,255,255,.08);
  color:#fff;
  transition:all .2s ease;
}

.pip-preset-btn:hover{
  background:linear-gradient(90deg,#ffb300,#ff7b00);
  color:#000;
  transform:translateY(-1px);
}

/* =========================================================
   TOOLS PAGE - IPHONE OPTIMIZATION
========================================================= */

@media (max-width: 640px){

  .tools-main-grid,
  .tools-secondary-grid{
    grid-template-columns:1fr !important;
    gap:16px;
  }

  .tools-main-grid > .card,
  .tools-secondary-grid > .card{
    min-width:0;
  }

  .card{
    padding:16px;
    border-radius:18px;
  }

  .hero{
    padding:18px 16px;
    border-radius:20px;
  }

  .hero h1{
    font-size:1.8rem;
    line-height:1.12;
  }

  .hero p{
    font-size:14px;
    line-height:1.55;
  }

  .pip-mode-switch{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:12px;
  }

  .pip-mode-btn{
    width:100%;
    min-height:42px;
    padding:10px 12px;
    font-size:14px;
    text-align:center;
  }

  .tool-form{
    gap:8px;
  }

  .tool-form label{
    font-size:12px;
    line-height:1.35;
  }

  .tool-form input,
  .tool-form select{
    min-height:44px;
    padding:10px 12px;
    font-size:16px; /* évite le zoom iPhone */
    border-radius:12px;
  }

  .tool-form .btn,
  .btn.primary,
  .btn{
    min-height:46px;
    padding:12px 14px;
    font-size:14px;
  }

  .tool-input-row{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .tool-input-row .btn{
    width:100%;
  }

  .price-inline{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    gap:6px;
    font-size:13px;
  }

  .price-label,
  #livePrice,
  .price-time{
    font-size:13px;
  }

  #pip-advanced .grid.grid-2,
  .tool-form .grid.grid-2{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .tool-result{
    margin-top:12px;
    padding:12px 14px;
    border-radius:12px;
  }

  .tool-result p{
    font-size:14px;
    line-height:1.45;
    margin:4px 0;
    word-break:break-word;
  }

  .pip-presets{
    gap:6px;
    margin-top:6px;
    margin-bottom:12px;
  }

  .pip-preset-btn{
    flex:1 1 calc(50% - 6px);
    min-height:38px;
    padding:8px 10px;
    font-size:13px;
    text-align:center;
  }

  .rr-bar{
    margin-top:8px;
    height:9px;
  }

  .session-row{
    grid-template-columns:1fr !important;
    gap:8px;
    padding:12px 14px;
  }

  .session-status{
    text-align:left;
    white-space:normal;
  }

  .session-overlap-box{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }

  .converter-actions{
    flex-direction:column;
    gap:10px;
  }

  .converter-actions .btn{
    width:100%;
    flex:1 1 auto;
  }

  .whale-card{
    padding:14px;
    border-radius:16px;
  }

  .whale-header{
    gap:10px;
  }

  .whale-header h2{
    font-size:18px;
  }

  .flow-top-grid,
  .flow-mid-grid,
  .flow-list-compact{
    grid-template-columns:1fr !important;
    gap:12px;
  }

  .flow-stat-card{
    min-height:auto;
    padding:14px;
    border-radius:14px;
  }

  .flow-stat-value{
    font-size:26px;
  }

  .flow-stat-value-sm,
  .cycle-phase,
  .rotation-direction,
  .strength-percent{
    font-size:22px;
  }

  .whale-item{
    grid-template-columns:1fr !important;
    gap:10px;
    padding:14px;
  }

  .whale-side{
    align-items:flex-start;
    text-align:left;
    min-width:0;
  }

  .whale-item .whale-badge{
    justify-self:start;
  }

  .partners-grid{
    grid-template-columns:1fr !important;
    gap:14px;
  }

  .partner-card{
    padding:16px;
    border-radius:16px;
  }

  .seo-card{
    padding:18px;
    margin-top:18px;
    border-radius:16px;
  }

  .seo-card h2{
    font-size:1.25rem;
  }

  .seo-card h3{
    font-size:15px;
  }
}

@media (max-width:640px){
  .grid{
    gap:14px;
  }
}


@media (max-width:640px){

  .nav-wrap{
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
  }

  .nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  .nav a{
    padding:6px 12px;
    font-size:13px;
  }

}

/* =========================================================
   EDUCATION PAGE
========================================================= */

.academy-section {
  margin-top: 40px;
}

.academy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}

.academy-card {
  display: block;
  padding: 18px;
  border-radius: 18px;

  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.08);

  transition: all 0.25s ease;
  text-decoration: none;
  color: #fff;
}

.academy-card:hover {
  transform: translateY(-5px);
  border-color: rgba(84,168,255,0.6);
  box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

.academy-source {
  font-size: 11px;
  opacity: 0.6;
  margin-bottom: 6px;
}

.academy-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
}

.academy-desc {
  font-size: 13px;
  opacity: 0.75;
  margin-bottom: 10px;
}

.academy-date {
  font-size: 11px;
  opacity: 0.5;
}

/* ===== ACADEMY FEED (Market Learning) ===== */

.academy-marquee{
  height:620px;
  overflow:hidden;
  position:relative;
  mask-image:linear-gradient(to bottom, transparent 0%, black 8%, black 92%, transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 8%, black 92%, transparent 100%);
}

.academy-track{
  display:flex;
  flex-direction:column;
  gap:12px;
  animation:scrollFeed 110s linear infinite;
  will-change:transform;
}

.academy-marquee:hover .academy-track{
  animation-play-state:paused;
}

@keyframes scrollFeed{
  0%{transform:translateY(0)}
  100%{transform:translateY(-50%)}
}

.academy-item{
  display:block;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  text-decoration:none;
  color:#fff;
  transition:.2s;
}

.academy-item:hover{
  transform:translateY(-3px);
  border-color:rgba(84,168,255,.5);
  box-shadow:0 14px 28px rgba(0,0,0,.20);
}

.academy-title{
  font-weight:700;
  margin-bottom:6px;
  line-height:1.45;
}

.academy-desc{
  font-size:13px;
  opacity:.75;
  line-height:1.6;
}

.academy-source{
  font-size:11px;
  opacity:.6;
  margin-bottom:4px;
}

.academy-date{
  font-size:11px;
  opacity:.5;
}

/* =========================================================
   EDUCATION PAGE
========================================================= */

.education-page{
  padding:28px 0 56px;
}

.education-hero{
  padding:34px;
  border-radius:24px;
  position:relative;
  overflow:hidden;
  margin-bottom:22px;
}

.education-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(84,168,255,.10), rgba(124,77,255,.08), transparent 70%);
  pointer-events:none;
}

.education-hero > *{
  position:relative;
  z-index:1;
}

.education-hero-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(84,168,255,.12);
  border:1px solid rgba(84,168,255,.25);
  color:#9ccfff;
  font-size:.9rem;
  font-weight:700;
  margin-bottom:14px;
}

.education-hero h1{
  margin:0 0 12px;
  font-size:clamp(2rem, 4vw, 3.3rem);
  line-height:1.05;
}

.education-hero-text{
  max-width:920px;
  font-size:1.03rem;
  line-height:1.7;
  color:rgba(255,255,255,.82);
  margin-bottom:18px;
}

.education-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.education-section{
  margin-top:22px;
}

.education-guides-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
  margin:22px 0;
}

.guide-card{
  height:100%;
}

.guide-level{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(124,77,255,.12);
  border:1px solid rgba(124,77,255,.22);
  color:#c8b6ff;
  font-size:.8rem;
  font-weight:700;
  margin-bottom:12px;
}

.education-content-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
  margin-top:6px;
}

.education-card{
  height:100%;
}

.education-card h2,
.education-section h2,
.guide-card h3{
  margin-top:0;
}

.education-card p,
.education-section p,
.guide-card p{
  color:rgba(255,255,255,.82);
  line-height:1.7;
}

.education-path-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}

.path-step{
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.path-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:999px;
  margin-bottom:10px;
  font-weight:800;
  background:rgba(84,168,255,.14);
  border:1px solid rgba(84,168,255,.25);
  color:#9ccfff;
}

.path-step h3{
  margin:0 0 8px;
  font-size:1rem;
}

.path-step p{
  margin:0;
  color:rgba(255,255,255,.74);
  line-height:1.55;
  font-size:.95rem;
}

.education-terms-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}

.term-item{
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.term-item h3{
  margin:0 0 8px;
  font-size:1rem;
}

.term-item p{
  margin:0;
  font-size:.95rem;
  line-height:1.55;
  color:rgba(255,255,255,.75);
}

.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.section-subtitle{
  margin:4px 0 0;
  color:rgba(255,255,255,.7);
}

.feed-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(33,208,122,.12);
  border:1px solid rgba(33,208,122,.25);
  color:#7ef0b3;
  font-weight:700;
  font-size:.85rem;
}

.rss-source-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 16px;
}

.rss-source-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-size:.9rem;
  color:rgba(255,255,255,.82);
}

.rss-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.rss-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px;
  border-radius:18px;
  text-decoration:none;
  color:inherit;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.rss-card:hover{
  transform:translateY(-4px);
  border-color:rgba(84,168,255,.35);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.rss-card-source{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#8fc5ff;
}

.rss-card h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.35;
}

.rss-card p{
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.55;
  font-size:.94rem;
}

.rss-card-meta{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:.82rem;
  color:rgba(255,255,255,.55);
}

.rss-loading,
.rss-empty{
  grid-column:1 / -1;
  padding:16px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:rgba(255,255,255,.72);
}

.faq-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-top:8px;
}

.faq-item{
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.faq-item h3{
  margin:0 0 8px;
  font-size:1rem;
}

.faq-item p{
  margin:0;
  color:rgba(255,255,255,.74);
  line-height:1.6;
}

.education-disclaimer{
  margin-bottom:8px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  border:1px solid rgba(84,168,255,.28);
  background:linear-gradient(135deg, rgba(84,168,255,.18), rgba(124,77,255,.16));
  color:#fff;
}

.btn:hover{
  transform:translateY(-1px);
}

.btn-secondary{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.main-nav a.active{
  color:#8fc5ff;
}

@media (max-width: 1100px){
  .education-path-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .education-terms-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 980px){
  .education-guides-grid,
  .education-content-grid,
  .rss-grid,
  .faq-list{
    grid-template-columns:1fr 1fr;
  }

  .education-terms-grid{
    grid-template-columns:1fr 1fr;
  }

  .education-path-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 640px){
  .education-page{
    padding:18px 0 40px;
  }

  .education-hero{
    padding:22px 18px;
    border-radius:20px;
  }

  .education-hero h1{
    font-size:2rem;
  }

  .education-guides-grid,
  .education-content-grid,
  .education-terms-grid,
  .education-path-grid,
  .rss-grid,
  .faq-list{
    grid-template-columns:1fr;
  }

  .rss-card{
    padding:16px;
  }
}

/* =========================================================
   FINAL CLEAN UI PATCH
========================================================= */

@media (min-width: 1200px){
  .hero h1,
  .education-hero h1{
    font-size:clamp(1.95rem, 2.3vw, 2.7rem) !important;
    line-height:1.08 !important;
  }

  .hero p,
  .education-hero-text{
    font-size:.97rem !important;
    line-height:1.58 !important;
    max-width:860px !important;
  }

  .section-title{
    font-size:1.28rem !important;
    margin:20px 0 10px !important;
  }

  .hero,
  .education-hero,
  .news-hero-card{
    padding:24px 26px !important;
  }

  .card{
    padding:18px !important;
    border-radius:20px !important;
  }

  .brand img{
    width:52px !important;
    height:52px !important;
  }

  .nav a{
    padding:8px 13px !important;
    font-size:.9rem !important;
  }

  .lang-switch button{
    min-width:36px !important;
    padding:7px 9px !important;
  }
}

.home-news-section .section-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-bottom:12px !important;
}

.home-news-section .section-title{
  margin:0 !important;
}

.home-news-section .btn{
  margin-left:auto !important;
  align-self:center !important;
}

@media (max-width:900px){
  .home-news-section .btn{
    margin-left:0 !important;
  }
}

.hero-ticker,
.hero-home .hero-ticker{
  overflow:hidden !important;
  padding:0 !important;
}

.hero-tv-shell,
.hero-home .hero-tv-shell{
  width:100% !important;
  overflow:hidden !important;
  padding:0 !important;
}

.hero-tv-ticker-wrap,
.hero-home .hero-tv-ticker-wrap{
  width:100% !important;
  margin:0 !important;
}

.hero-tv-ticker-wrap iframe,
.hero-home .hero-tv-ticker-wrap iframe,
.hero-tv-ticker-wrap .tradingview-widget-container__widget,
.hero-home .hero-tv-ticker-wrap .tradingview-widget-container__widget{
  width:100% !important;
  display:block !important;
}

.crypto-movers-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:22px !important;
  margin:0 0 26px !important;
  align-items:start !important;
}

.movers-card{
  position:relative !important;
  overflow:hidden !important;
  padding:20px !important;
  border-radius:22px !important;
  min-height:420px !important;
  background:rgba(16,24,40,.38) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.movers-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.06),
    rgba(255,255,255,.015) 35%,
    rgba(255,255,255,0) 100%
  );
}

.movers-head,
.movers-list{
  position:relative;
  z-index:1;
}

.movers-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.mover-link{
  display:block !important;
  color:inherit !important;
  text-decoration:none !important;
}

.mover-row{
  display:grid !important;
  grid-template-columns:42px minmax(0,1.6fr) minmax(90px,.9fr) minmax(88px,.8fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.mover-main{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}

.mover-main img,
.mover-row img{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  object-fit:cover !important;
  border-radius:999px !important;
  flex:0 0 30px !important;
}

.mover-meta{
  min-width:0 !important;
}

.mover-name{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:14px !important;
}

.mover-symbol{
  font-size:12px !important;
}

.mover-price,
.mover-cap,
.mover-change{
  white-space:nowrap !important;
  font-size:13px !important;
}

@media (max-width:1100px){
  .mover-row{
    grid-template-columns:38px minmax(0,1.5fr) minmax(80px,.9fr) auto !important;
  }

  .mover-cap{
    display:none !important;
  }
}

@media (max-width:900px){
  .crypto-movers-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:640px){
  .mover-row{
    grid-template-columns:34px minmax(0,1fr) auto !important;
    align-items:flex-start !important;
  }

  .mover-price{
    grid-column:2 / 3 !important;
    text-align:left !important;
    margin-top:2px !important;
  }

  .mover-change{
    grid-column:3 / 4 !important;
    grid-row:1 / span 2 !important;
    align-self:center !important;
  }
}

.whale-card{
  padding:14px 16px !important;
  border-radius:18px !important;
}

.whale-header{
  margin-bottom:6px !important;
}

.whale-header h2{
  font-size:18px !important;
  margin:4px 0 3px !important;
}

.whale-header p{
  font-size:12.5px !important;
  line-height:1.45 !important;
  max-width:700px !important;
}

.flow-top-grid{
  gap:14px !important;
  margin-top:8px !important;
  margin-bottom:14px !important;
}

.flow-mid-grid{
  gap:14px !important;
  margin-bottom:14px !important;
}

.flow-stat-card{
  padding:14px !important;
  min-height:150px !important;
  border-radius:14px !important;
  gap:6px !important;
}

.flow-stat-title{
  font-size:12px !important;
}

.flow-stat-value{
  font-size:26px !important;
}

.flow-stat-value-sm{
  font-size:20px !important;
}

.flow-stat-sub{
  font-size:12.5px !important;
  line-height:1.4 !important;
}

.cycle-card,
.risk-card{
  min-height:130px !important;
}

.risk-card .flow-stat-value-sm{
  font-size:24px !important;
}

.flow-list-compact{
  gap:12px !important;
}

.flow-list-compact .whale-item{
  min-height:90px !important;
}

.whale-item{
  padding:14px 15px !important;
  gap:12px !important;
}

.whale-main strong{
  font-size:13px !important;
}

.whale-meta{
  font-size:11px !important;
}

.whale-side .whale-value{
  font-size:16px !important;
}

.whale-side div{
  font-size:10.5px !important;
}

.rotation-direction{
  font-size:20px !important;
}

.strength-percent{
  font-size:24px !important;
}

.cycle-phase{
  font-size:24px !important;
}

/* =========================================================
   FINAL LAYOUT POLISH
========================================================= */

/* ===== Partner cards: largeur visuelle égale ===== */
.partners-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.partner-card{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:16px !important;
}

.partner-card .badge,
.partner-card .broker-kicker,
.partner-card .guide-level{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  width:auto;
  max-width:100%;
  padding:6px 12px;
  white-space:nowrap;
}

.partner-card h3{
  margin-top:8px;
  margin-bottom:8px;
  min-height:28px;
}

.partner-card p{
  flex:1 1 auto;
  margin-bottom:14px;
}

.partner-card .btn{
  margin-top:auto;
}

/* ===== Trending crypto plus proche ===== */
.home-trending-section{
  margin:18px auto 28px !important;
}

.home-trending-card{
  padding:18px 20px !important;
}

/* si un bloc précédent pousse trop */
.home-news-section{
  margin-bottom:18px !important;
}

/* ===== Flow tracker plus compact ===== */
.whale-card{
  padding:12px 14px !important;
}

.whale-header{
  margin-bottom:6px !important;
}

.whale-header h2{
  font-size:17px !important;
  margin:2px 0 2px !important;
}

.whale-header p{
  font-size:12px !important;
  line-height:1.4 !important;
  max-width:680px !important;
}

.whale-card .tool-result{
  padding:7px 10px !important;
  margin-top:8px !important;
}

.flow-top-grid{
  gap:12px !important;
  margin-top:8px !important;
  margin-bottom:12px !important;
}

.flow-mid-grid{
  gap:12px !important;
  margin-bottom:12px !important;
}

.flow-stat-card{
  padding:12px !important;
  min-height:128px !important;
  border-radius:14px !important;
  gap:5px !important;
}

.flow-stat-head{
  margin-bottom:2px !important;
}

.flow-stat-title{
  font-size:11.5px !important;
}

.flow-stat-value{
  font-size:24px !important;
}

.flow-stat-value-sm{
  font-size:18px !important;
}

.flow-stat-sub{
  font-size:12px !important;
  line-height:1.35 !important;
}

.cycle-card,
.risk-card{
  min-height:118px !important;
}

.risk-card .flow-stat-value-sm{
  font-size:22px !important;
}

.flow-list-compact{
  gap:10px !important;
}

.flow-list-compact .whale-item{
  min-height:78px !important;
}

.whale-item{
  padding:12px 14px !important;
  gap:10px !important;
}

.whale-main strong{
  font-size:12.5px !important;
}

.whale-meta{
  font-size:10.5px !important;
}

.whale-side{
  min-width:100px !important;
}

.whale-side .whale-value{
  font-size:15px !important;
  margin-bottom:2px !important;
}

.whale-side div{
  font-size:10px !important;
}

.whale-badge{
  min-width:64px !important;
  padding:5px 10px !important;
  font-size:10px !important;
}

.rotation-direction{
  font-size:18px !important;
}

.strength-percent{
  font-size:22px !important;
}

.cycle-phase{
  font-size:22px !important;
}

.sentiment-bar,
.rotation-bar{
  margin-top:10px !important;
  height:8px !important;
}

.strength-bar{
  margin-top:10px !important;
  height:10px !important;
}

.sentiment-scale,
.rotation-scale,
.strength-scale,
.cycle-scale{
  margin-top:5px !important;
  font-size:10px !important;
}

.cycle-strip{
  margin-top:10px !important;
  gap:6px !important;
}

.cycle-step{
  height:7px !important;
}

/* ===== Responsive partners ===== */
@media (max-width:1100px){
  .partners-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:700px){
  .partners-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   FLOW TRACKER - ULTRA COMPACT MODE
========================================================= */

/* cartes principales */
.flow-stat-card{
  padding:10px 12px !important;
  min-height:110px !important;
  gap:4px !important;
}

/* header dans cartes */
.flow-stat-head{
  margin-bottom:2px !important;
}

/* titres */
.flow-stat-title{
  font-size:11px !important;
}

/* valeurs principales */
.flow-stat-value{
  font-size:22px !important;
  line-height:1.05 !important;
}

.flow-stat-value-sm{
  font-size:16px !important;
}

/* texte description */
.flow-stat-sub{
  font-size:11.5px !important;
  line-height:1.3 !important;
}

/* grilles */
.flow-top-grid{
  gap:10px !important;
  margin-bottom:10px !important;
}

.flow-mid-grid{
  gap:10px !important;
  margin-bottom:10px !important;
}

/* cycle + risk */
.cycle-card,
.risk-card{
  min-height:100px !important;
}

/* barre visuelle */
.sentiment-bar,
.rotation-bar{
  height:6px !important;
  margin-top:8px !important;
}

.strength-bar{
  height:8px !important;
  margin-top:8px !important;
}

/* labels en bas */
.sentiment-scale,
.rotation-scale,
.strength-scale,
.cycle-scale{
  font-size:9.5px !important;
  margin-top:4px !important;
}

/* cycle */
.cycle-strip{
  margin-top:8px !important;
  gap:5px !important;
}

.cycle-step{
  height:6px !important;
}

/* gros titre cycle */
.cycle-phase{
  font-size:20px !important;
}

/* rotation */
.rotation-direction{
  font-size:16px !important;
}

/* strength */
.strength-percent{
  font-size:20px !important;
}

/* bottom cards (gainer / loser / volume) */
.whale-item{
  padding:10px 12px !important;
  min-height:64px !important;
  gap:8px !important;
}

.whale-main strong{
  font-size:12px !important;
}

.whale-meta{
  font-size:10px !important;
}

.whale-side .whale-value{
  font-size:14px !important;
}

.whale-side div{
  font-size:9.5px !important;
}

.whale-badge{
  font-size:9px !important;
  padding:4px 8px !important;
  min-width:58px !important;
}

/* bloc global */
.whale-card{
  padding:12px 12px !important;
}

/* =========================================================
   HOME SECTION ALIGNMENT FIX
========================================================= */

/* même largeur visuelle pour Trending + Partners */
.home-trending-section,
.partners-section,
.home-news-section{
  width:100%;
}

.home-trending-section .card,
.home-trending-card,
.partners-section .seo-card,
.partners-section > .card,
.partners-section .partners-grid{
  width:100%;
  box-sizing:border-box;
}

/* rapproche Trending crypto et Partners */
.home-trending-section{
  margin:14px auto 18px !important;
}

.partners-section{
  margin-top:10px !important;
}

/* titre partenaires plus proche du bloc au-dessus */
.partners-section .section-title{
  margin-top:0 !important;
  margin-bottom:12px !important;
}

/* grid partenaires bien aligné */
.partners-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

/* cartes partenaires homogènes */
.partner-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  padding:16px !important;
}

.partner-card h3{
  margin:8px 0 10px !important;
}

.partner-card p{
  flex:1 1 auto;
  margin-bottom:14px !important;
}

.partner-card .btn{
  margin-top:auto !important;
}

/* bouton view all news / view news bien placé */
.home-news-section .section-head,
.home-trending-section .section-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-bottom:12px !important;
}

.home-news-section .section-title,
.home-trending-section .section-title{
  margin:0 !important;
}

.home-news-section .btn,
.home-trending-section .btn{
  margin-left:auto !important;
  align-self:center !important;
  position:static !important;
  top:auto !important;
  right:auto !important;
}

/* responsive */
@media (max-width:1100px){
  .partners-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:700px){
  .partners-grid{
    grid-template-columns:1fr !important;
  }

  .home-news-section .btn,
  .home-trending-section .btn{
    margin-left:0 !important;
  }
}

/* =========================================================
   MOBILE HEADER - FINAL CLEAN VERSION
========================================================= */

/* desktop + global style */
.topbar{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  background:linear-gradient(
    180deg,
    rgba(8,14,26,0.82) 0%,
    rgba(8,14,26,0.72) 100%
  );
  border-bottom:1px solid rgba(255,255,255,0.08);
  transition:
    transform .35s ease,
    opacity .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

/* ligne glow */
.topbar::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(84,168,255,0.22),
    rgba(124,77,255,0.18),
    transparent
  );
  pointer-events:none;
  opacity:.9;
}


/* ================= MOBILE ================= */

@media (max-width:768px){

  .topbar{
    position:fixed !important;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
  }

  /* hide on scroll */
  .topbar.hide{
    transform:translateY(-100%);
    opacity:0;
  }

  /* 🔥 FIX IMPORTANT */
  body{
    padding-top:150px !important;
  }
}

/* petits téléphones */
@media (max-width:480px){
  body{
    padding-top:160px !important;
  }
}

@media (max-width: 900px){

  .tools-widget-grid{
    grid-template-columns:1fr !important;
    gap:16px;
  }

  .tools-widget-grid > .card{
    min-width:0;
  }

  .widget-shell{
    min-height:auto;
  }

  #tv_chart{
    height:340px !important;
    min-height:340px !important;
  }

  .widget-info-card{
    padding:18px 16px;
  }

  .widget-info-card .btn{
    width:100%;
    text-align:center;
    justify-content:center;
  }
}

@media (max-width: 640px){

  .tools-widget-section{
    margin-bottom:18px;
  }

  .tools-widget-grid{
    grid-template-columns:1fr !important;
    gap:14px;
  }

  .widget-shell{
    border-radius:16px;
    overflow:hidden;
  }

  #tv_chart{
    height:300px !important;
    min-height:300px !important;
  }

  .widget-info-card{
    padding:16px;
  }

  .widget-info-card h3{
    margin:6px 0 8px;
    font-size:1.1rem;
  }

  .widget-info-card p,
  .widget-info-card li{
    font-size:14px;
    line-height:1.6;
  }

  .widget-info-card ul{
    padding-left:18px;
    margin:10px 0 16px;
  }

  .widget-info-card .btn{
    width:100%;
    display:flex;
    justify-content:center;
  }
}

/* ===== PARTNER CARDS FIX ALIGNMENT ===== */

.partner-card{
  display:flex;
  flex-direction:column;
}

.partner-card .btn{
  margin-top:auto;
}

/* ===== HIGHLIGHT LEDGER ===== */

.partner-card:nth-child(3){
  border:1px solid rgba(84,168,255,.4);
  box-shadow:0 0 20px rgba(84,168,255,.15);
}

.badge.highlight{
  background:linear-gradient(135deg,#4facfe,#7c4dff);
  color:#fff;
}

/* ===== BUTTON HOVER EFFECT ===== */

.partner-card .btn{
  transition:all .25s ease;
}

.partner-card .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(84,168,255,.3);
}

/* =========================================================
   ULTRA PRO LAYOUT OVERRIDES - 2026-03
========================================================= */
:root{
  --page-max: 1580px;
  --page-pad: 24px;
  --glass-bg: linear-gradient(135deg, rgba(24,39,78,.34), rgba(10,18,38,.24));
  --glass-bg-strong: linear-gradient(135deg, rgba(28,46,92,.44), rgba(11,21,44,.34));
  --glass-border: rgba(255,255,255,.18);
  --glass-highlight: rgba(255,255,255,.08);
  --glow-blue: 0 0 0 1px rgba(84,168,255,.06), 0 18px 48px rgba(0,0,0,.28);
  --text-soft: rgba(239,245,255,.88);
  --text-muted: rgba(194,210,228,.82);
}

.container{
  width:min(var(--page-max), calc(100% - (var(--page-pad) * 2)));
  max-width:var(--page-max);
}

body{
  background:
    linear-gradient(rgba(5,10,20,.30), rgba(5,10,20,.46)),
    radial-gradient(circle at 12% 18%, rgba(84,168,255,.16), transparent 24%),
    radial-gradient(circle at 88% 22%, rgba(124,77,255,.13), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(0,210,255,.06), transparent 28%),
    url('../assets/background.png') center/cover fixed no-repeat;
}

.topbar{
  background:linear-gradient(180deg, rgba(4,10,20,.86), rgba(6,12,24,.72)) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 34px rgba(0,0,0,.18);
}

.nav-wrap{
  min-height:74px;
  gap:18px;
}

.brand img{
  width:58px;
  height:58px;
  padding:6px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}

.brand-text strong{
  font-size:1.15rem;
  letter-spacing:-.02em;
}

.brand-text span{
  font-size:.83rem;
  letter-spacing:.01em;
}

.nav{
  gap:10px;
}

.nav a{
  padding:10px 16px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
}

.nav a.active,
.nav a:hover{
  background:linear-gradient(135deg, rgba(84,168,255,.24), rgba(124,77,255,.22));
  border-color:rgba(132,187,255,.28);
  box-shadow:0 12px 28px rgba(0,0,0,.20);
}

.lang-switch button{
  min-width:40px;
  min-height:34px;
}

.hero,
.card,
.home-trending-card,
.partner-card,
.seo-card,
.broker-premium-card,
.home-news-card,
.info-card,
.crypto-chart-card,
.pair-card,
.guide-card,
.tool-mini-card,
.featured-news-card,
.quick-tools-panel,
.academy-panel,
.glass{
  background:var(--glass-bg) !important;
  border:1px solid var(--glass-border) !important;
  box-shadow:var(--glow-blue) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.hero{
  position:relative;
  overflow:hidden;
  padding:34px 38px;
  border-radius:28px;
  margin:26px auto 22px;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(84,168,255,.14), transparent 30%),
    radial-gradient(circle at 85% 20%, rgba(124,77,255,.12), transparent 26%);
  pointer-events:none;
}

.hero > *{ position:relative; z-index:1; }

.hero h1{
  max-width:1120px;
  font-size:clamp(2.35rem, 4vw, 4rem);
  letter-spacing:-.04em;
  line-height:1.02;
}

.hero p{
  max-width:980px;
  font-size:1.02rem;
  line-height:1.7;
}

.hero-actions{
  gap:12px;
  margin-top:20px;
}

.btn{
  min-height:46px;
  padding:12px 18px;
  border-radius:14px;
  font-size:.95rem;
  letter-spacing:.01em;
}

.btn.primary{
  background:linear-gradient(135deg, #5aa8ff, #6d69ff) !important;
}

.btn.success{
  background:linear-gradient(135deg, #22b89f, #43d4c7) !important;
}

.btn.secondary{
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
}

.section-title{
  margin:28px 0 14px;
  font-size:clamp(1.45rem, 2vw, 2rem);
  letter-spacing:-.02em;
}

.grid{ gap:22px; }

.card{
  border-radius:24px;
  padding:22px;
}

.card h2{ font-size:1.3rem; }
.card h3{ font-size:1.12rem; }
.card p{ line-height:1.7; }

.partner-card,
.home-news-card,
.pair-card,
.crypto-chart-card,
.widget-info-card,
.stat,
.movers-card{
  border-radius:24px;
}

.partner-card .btn,
.widget-info-card .btn,
.broker-premium-card .btn,
.home-news-card .btn{
  width:100%;
}

.broker-premium-card{
  display:grid;
  grid-template-columns: 1.45fr .85fr;
  gap:24px;
  align-items:center;
  padding:24px 26px;
  border-radius:28px;
  margin:16px 0 22px;
}

.broker-premium-left,
.broker-premium-right{
  min-width:0;
}

.broker-premium-right{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}

.broker-copy p,
.broker-disclosure,
.broker-disclosure-small{
  line-height:1.65;
}

.home-news-grid,
.crypto-page .crypto-swap-grid,
.forex-top-widgets,
.tools-widget-grid,
.changelly-grid,
.crypto-charts-grid{
  gap:22px !important;
}

.embed,
.widget-frame,
.tv-card,
.hero-ticker,
.home-news-image,
.heatmap-wrap,
.leaderboard-table-wrap,
.news-modal-dialog{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(6,12,24,.36);
  overflow:hidden;
}

.embed iframe,
.widget-frame iframe,
.tv-card iframe{
  min-height:420px;
}

.footer{
  padding:34px 0 46px;
}

.footer .container{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:22px;
}

@media (max-width: 1280px){
  .container{ width:min(1460px, calc(100% - 36px)); }
  .broker-premium-card{ grid-template-columns:1fr; }
}

@media (max-width: 900px){
  :root{ --page-pad: 16px; }
  .hero{ padding:24px 20px; border-radius:24px; }
  .hero h1{ font-size:clamp(2rem, 8vw, 2.85rem); }
  .grid, .home-news-grid, .crypto-page .crypto-swap-grid, .forex-top-widgets, .tools-widget-grid, .changelly-grid, .crypto-charts-grid{ gap:16px !important; }
  .grid-4, .grid-3, .grid-2, .grid-2-1{ grid-template-columns:1fr !important; }
  .nav-wrap{ gap:10px; }
  .nav{ justify-content:flex-start; }
}

@media (max-width: 768px){
  .container{ width:calc(100% - 24px); }
  .hero-actions{ flex-direction:column; }
  .hero-actions .btn,
  .buy-actions .btn,
  .partner-card .btn,
  .widget-info-card .btn,
  .broker-premium-card .btn{ width:100%; }
  .embed iframe,
  .widget-frame iframe,
  .tv-card iframe{ min-height:320px; }
}


/* =========================================================
   DAMBOFX GLASS REBALANCE - 2026-03
========================================================= */
.hero,
.card,
.home-trending-card,
.partner-card,
.seo-card,
.broker-premium-card,
.home-news-card,
.info-card,
.crypto-chart-card,
.pair-card,
.guide-card,
.tool-mini-card,
.featured-news-card,
.quick-tools-panel,
.academy-panel,
.glass,
.widget-info-card,
.stat,
.movers-card,
.news-modal-dialog{
  position:relative;
  overflow:hidden;
}

.hero::after,
.card::after,
.home-trending-card::after,
.partner-card::after,
.seo-card::after,
.broker-premium-card::after,
.home-news-card::after,
.info-card::after,
.crypto-chart-card::after,
.pair-card::after,
.guide-card::after,
.tool-mini-card::after,
.featured-news-card::after,
.quick-tools-panel::after,
.academy-panel::after,
.glass::after,
.widget-info-card::after,
.stat::after,
.movers-card::after,
.news-modal-dialog::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 22%),
    radial-gradient(circle at top right, rgba(105,163,255,.12), transparent 28%);
  opacity:.9;
}

.hero > *,
.card > *,
.home-trending-card > *,
.partner-card > *,
.seo-card > *,
.broker-premium-card > *,
.home-news-card > *,
.info-card > *,
.crypto-chart-card > *,
.pair-card > *,
.guide-card > *,
.tool-mini-card > *,
.featured-news-card > *,
.quick-tools-panel > *,
.academy-panel > *,
.glass > *,
.widget-info-card > *,
.stat > *,
.movers-card > *,
.news-modal-dialog > *{
  position:relative;
  z-index:1;
}

.card,
.partner-card,
.widget-info-card,
.home-news-card,
.info-card,
.crypto-chart-card,
.pair-card,
.guide-card,
.tool-mini-card,
.featured-news-card,
.quick-tools-panel,
.academy-panel,
.stat,
.movers-card{
  background:var(--glass-bg) !important;
}

.card:hover,
.partner-card:hover,
.widget-info-card:hover,
.home-news-card:hover,
.info-card:hover,
.crypto-chart-card:hover,
.pair-card:hover,
.guide-card:hover,
.tool-mini-card:hover,
.featured-news-card:hover,
.quick-tools-panel:hover,
.academy-panel:hover,
.stat:hover,
.movers-card:hover{
  background:var(--glass-bg-strong) !important;
  transform:translateY(-4px);
  box-shadow:0 0 0 1px rgba(128,186,255,.12), 0 20px 52px rgba(0,0,0,.32) !important;
}

.card p,
.card li,
.partner-card p,
.partner-card li,
.widget-info-card p,
.widget-info-card li,
.home-news-card p,
.home-news-card li,
.info-card p,
.info-card li,
.crypto-chart-card p,
.crypto-chart-card li,
.pair-card p,
.pair-card li,
.guide-card p,
.guide-card li,
.tool-mini-card p,
.tool-mini-card li,
.featured-news-card p,
.featured-news-card li,
.quick-tools-panel p,
.quick-tools-panel li,
.academy-panel p,
.academy-panel li,
.glass p,
.glass li,
.stat p,
.movers-card p{
  color:var(--text-soft) !important;
}

.small,
.muted,
.partner-card .small,
.widget-info-card .small,
.card .small,
.card .muted{
  color:var(--text-muted) !important;
}

.card h2,
.card h3,
.card h4,
.partner-card h2,
.partner-card h3,
.partner-card h4,
.widget-info-card h2,
.widget-info-card h3,
.widget-info-card h4,
.home-news-card h2,
.home-news-card h3,
.home-news-card h4,
.info-card h2,
.info-card h3,
.info-card h4,
.glass h2,
.glass h3,
.glass h4{
  color:#ffffff !important;
}

.partners-grid{
  align-items:stretch;
}

.partner-card{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}

.partner-card .hero-actions,
.partner-card .buy-actions{
  margin-top:auto;
}

.partner-card .btn.ghost,
.btn.ghost{
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#eef5ff !important;
}

.partner-card .btn.ghost:hover,
.btn.ghost:hover{
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important;
}

.partner-card .kicker,
.partner-card .partner-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:flex-start;
  padding:7px 12px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(84,168,255,.18), rgba(124,77,255,.16));
  border:1px solid rgba(148,198,255,.18);
  color:#eef5ff;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.partner-card .partner-meta{
  margin-top:6px;
  color:var(--text-muted) !important;
  font-size:.9rem;
}

.section-title{
  text-shadow:0 6px 24px rgba(0,0,0,.22);
}


/* === DAMBOFX GLASS FIX PRO === */
.hero-card {
  position: relative;
  background: linear-gradient(135deg, rgba(25,38,68,0.78), rgba(18,28,52,0.72));
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 28px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.06);
  overflow: hidden;
}

.section-card {
  position: relative;
  background: linear-gradient(180deg, rgba(18,27,46,0.78), rgba(10,18,34,0.72));
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 22px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05);
  overflow: hidden;
}

.quick-card {
  position: relative;
  background: rgba(13,23,42,0.82);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.28);
}

.section-card h1,
.section-card h2,
.section-card h3 {
  color: #f8fbff;
  text-shadow: 0 2px 10px rgba(0,0,0,0.28);
}
/* === END FIX === */



/* === DAMBOFX HOMEPAGE CARD FIX === */
.hero.hero-home{
  margin:22px 0 18px;
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
}

.hero-card{
  position:relative;
  padding:26px 28px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:
    radial-gradient(circle at top left, rgba(84,168,255,.13), transparent 34%),
    radial-gradient(circle at top right, rgba(124,77,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(20,32,58,.84), rgba(11,20,38,.78));
  box-shadow:0 18px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  overflow:hidden;
}

.hero-card::before,
.section-card::before,
.quick-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01) 45%, rgba(0,0,0,.06));
  pointer-events:none;
}

.hero-card > *,
.section-card > *,
.quick-card > *{
  position:relative;
  z-index:1;
}

.section-card{
  position:relative;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(18,27,46,.78), rgba(10,18,34,.72));
  box-shadow:0 12px 34px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  overflow:hidden;
}

.quick-access-shell{
  padding:20px;
  margin:6px 0 26px;
}

.quick-access-shell .section-title{
  margin:0 0 14px;
}

.quick-card{
  position:relative;
  background:linear-gradient(180deg, rgba(18,32,58,.90), rgba(10,18,34,.86));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 26px rgba(0,0,0,.26);
}

.home-news-section.section-card,
.home-trending-card.section-card{
  padding:22px 22px 24px;
}

.home-news-section.section-card .section-title,
.home-trending-card.section-card .section-title,
.quick-access-shell .section-title{
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}

@media (max-width: 900px){
  .quick-access-shell{
    padding:16px;
  }
  .home-news-section.section-card,
  .home-trending-card.section-card{
    padding:16px;
  }
}
/* === END DAMBOFX HOMEPAGE CARD FIX === */



/* === DAMBOFX TRANSPARENT GLASS + HOMEPAGE SHELL FIX === */
.hero-card,
.section-card,
.quick-card,
.card,
.glass,
.home-trending-card,
.partner-card,
.seo-card,
.home-news-card,
.broker-premium-card,
.info-card,
.pair-card,
.guide-card,
.featured-news-card{
  position: relative;
  overflow: hidden;
}

.hero-card::before,
.section-card::before,
.quick-card::before,


.hero-card > *,
.section-card > *,
.quick-card > *,
.card > *,
.glass > *{
  position: relative;
  z-index: 1;
}

.hero-shell{
  background:
    radial-gradient(circle at top left, rgba(84,168,255,.14), transparent 32%),
    radial-gradient(circle at top right, rgba(124,77,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(22,36,66,.38), rgba(10,18,34,.22)) !important;
}

.quick-access-shell,
.news-shell,
.trending-shell,
.partners-shell{
  padding: 22px;
  margin-top: 16px;
  margin-bottom: 18px;
}

.quick-access-shell .section-title,
.news-shell .section-title,
.trending-shell .section-title,
.partners-shell .section-title{
  margin-top: 0;
  margin-bottom: 14px;
}

.quick-card{
  background: linear-gradient(180deg, rgba(20,34,62,.36), rgba(10,18,34,.24)) !important;
}

.home-news-section.section-card,
.home-trending-card.section-card,
.partners-shell.section-card{
  background: linear-gradient(180deg, rgba(18,27,46,.32), rgba(10,18,34,.22)) !important;
}

.partner-card,
.home-news-card,
.broker-premium-card,
.seo-card,
.card{
  background: linear-gradient(180deg, rgba(24,39,78,.30), rgba(10,18,38,.20)) !important;
}

.hero-ticker,
.news-modal-dialog,
.topbar{
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

@media (max-width: 900px){
  .quick-access-shell,
  .news-shell,
  .trending-shell,
  .partners-shell{
    padding: 16px;
  }
}
/* === END DAMBOFX TRANSPARENT GLASS + HOMEPAGE SHELL FIX === */


/* ULTRA CLEAN GLASS */
.glass,
.hero-card,
.section-card,
.quick-card {
  background: rgba(20,30,50,0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.3),
              inset 0 1px 0 rgba(255,255,255,0.05);
}

.quick-card {
  background: rgba(15,25,45,0.65);
  backdrop-filter: blur(8px);
}

.hero-card {
  background: rgba(15,25,45,0.55);
  backdrop-filter: blur(14px);
}
/* END */



/* === FINAL POLISH GLASS === */
.hero-card,
.section-card,
.quick-card,
.glass,
.card {
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 42px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.hero-card,
.section-card,
.glass {
  background: rgba(255,255,255,0.065) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.quick-card,
.final-polish-card {
  background: rgba(255,255,255,0.07) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.final-polish-hero {
  margin: 22px 0 18px !important;
  padding: 28px 26px !important;
  overflow: hidden;
}

.final-polish-shell {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
  padding: 22px !important;
  overflow: hidden;
}

.final-polish-shell .section-title {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.24);
}

.hero-card h1,
.hero-card h2,
.section-card h1,
.section-card h2,
.section-card h3,
.quick-card h3 {
  text-shadow: 0 2px 12px rgba(0,0,0,0.26);
}

.hero-card,
.section-card,
.quick-card,
.glass,
.card,
.partner-card,
.home-news-card,
.seo-card,
.home-trending-card {
  position: relative;
  overflow: hidden;
}

.hero-card::after,
.section-card::after,
.quick-card::after,
.glass::after,
.card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012) 42%, rgba(255,255,255,0.02) 100%);
  pointer-events: none;
}

.hero-card > *,
.section-card > *,
.quick-card > *,
.glass > *,
.card > * {
  position: relative;
  z-index: 1;
}

.news-shell,
.trending-shell,
.partners-shell,
.quick-access-shell,
.cta-shell,
.why-shell {
  background: rgba(255,255,255,0.055) !important;
}

.home-news-section .home-news-grid,
.partners-grid {
  position: relative;
  z-index: 1;
}

.topbar {
  background: rgba(6, 10, 22, 0.56) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.btn,
.nav a {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

@media (max-width: 900px) {
  .final-polish-shell,
  .final-polish-hero {
    padding: 16px !important;
  }
}
/* === END FINAL POLISH GLASS === */


/* ULTRA FINAL GLASS TUNING */

.glass,
.hero-card,
.section-card {
  background: rgba(20,30,50,0.38) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 10px 35px rgba(0,0,0,0.35),
              inset 0 1px 0 rgba(255,255,255,0.06);
}

.quick-card {
  background: rgba(20,30,50,0.55) !important;
  backdrop-filter: blur(6px) !important;
}

.hero-card {
  background: rgba(20,30,50,0.40) !important;
  backdrop-filter: blur(12px) !important;
}

/* HOVER PRO */
.card:hover,
.quick-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 45px rgba(0,0,0,0.5);
  transition: all 0.25s ease;
}

/* END */