/* ui-premium.css
   Premium Presale Widget UI (Uniswap-like clarity)
   Brown-world palette: Copper + Cyber Teal + Ember
   Safe to include LAST to override existing styles.
*/

:root{
  /* Neutral strokes + surfaces */
  --p-stroke: rgba(255,232,210,.14);      /* warm white stroke */
  --p-bg: rgba(10,12,18,.62);
  --p-bg2: rgba(0,0,0,.18);

  /* Accents */
  --p-warm: #FFB86B;                      /* copper/gold */
  --p-cool: #2EE7FF;                      /* cyber teal */
  --p-hot:  #FF6A3D;                      /* ember */

  --p-stroke-warm: rgba(255,184,107,.28);
  --p-stroke-cool: rgba(46,231,255,.24);

  --p-glow-warm: rgba(255,184,107,.14);
  --p-glow-cool: rgba(46,231,255,.14);

  /* Text (slightly warm to match brown world) */
  --p-text: rgba(255,243,232,.92);
  --p-muted: rgba(255,227,205,.68);

  /* Distribution category colors (harmonized) */
  --cat-1: rgba(255,184,107,.95); /* Community Rewards (copper) */
  --cat-2: rgba(46,231,255,.95);  /* Investors (teal) */
  --cat-3: rgba(255,92,244,.92);  /* Development (magenta, muted) */
  --cat-4: rgba(255,214,102,.95); /* Marketing (amber) */
  --cat-5: rgba(155,92,255,.92);  /* Foundation (violet, muted) */

  --cat-1-soft: rgba(255,184,107,.14);
  --cat-2-soft: rgba(46,231,255,.14);
  --cat-3-soft: rgba(255,92,244,.12);
  --cat-4-soft: rgba(255,214,102,.14);
  --cat-5-soft: rgba(155,92,255,.12);
}

/* Presale widget surface */
.hero__widget.card--neon{
  border-color: var(--p-stroke-warm) !important;
  box-shadow:
    0 32px 110px rgba(0,0,0,.62),
    0 0 75px var(--p-glow-cool) !important;
}

/* Tabs */
.hero__widget .tabs{
  display:flex;
  gap: 10px;
  padding: 8px;
  border-radius: 999px;
  border: 1px solid var(--p-stroke);
  background: rgba(0,0,0,.16);
}

.hero__widget .tab{
  flex:1;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--p-muted);
  padding: 10px 12px;
  font-weight: 900;
  letter-spacing: .2px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.hero__widget .tab:hover{
  transform: translateY(-1px);
  border-color: var(--p-stroke-cool);
}

.hero__widget .tab.is-active{
  background: linear-gradient(
    90deg,
    rgba(255,184,107,.14),
    rgba(46,231,255,.10)
  );
  border-color: rgba(255,184,107,.34);
  color: var(--p-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

/* Amount field */
.hero__widget .field{
  margin-top: 14px;
}

.hero__widget .field__row{
  border-radius: 18px;
  border: 1px solid var(--p-stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.12));
  padding: 12px 12px;
  display:flex;
  align-items:center;
  gap: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.hero__widget .input{
  background: transparent;
  border: none !important;
  outline: none !important;
  color: var(--p-text);
  font-weight: 900;
  font-size: 18px;
  width: 100%;
}

.hero__widget .field__suffix{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,243,232,.82);
  font-weight: 900;
  letter-spacing: .2px;
}

/* mini stats under estimated */
.mini-stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.mini-stat{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  padding: 10px 10px;
  display:flex;
  justify-content: space-between;
  gap: 10px;
  color: rgba(255,243,232,.80);
  font-size: 12.5px;
  min-width: 0;
}

.mini-stat__k{
  color: rgba(255,227,205,.56);
  font-weight: 700;
}

.mini-stat__v{
  font-weight: 900;
  min-width: 0;
  text-align: right;
  white-space: normal;
  word-break: break-word;
}

/* ✅ Responsive: prevent long trust text from getting clipped */
@media (max-width: 820px){
  .mini-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px){
  .mini-stats{
    grid-template-columns: 1fr;
  }
  .mini-stat{
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .mini-stat__v{
    text-align: left;
  }
}

/* Progress clarity */
.hero__widget .progress{
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
}

.hero__widget .progress__bar{
  margin-top: 10px;
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  overflow:hidden;
}

.hero__widget .progress__fill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255,184,107,.95),
    rgba(46,231,255,.85)
  );
}

/* CTA + trust */
.hero__widget .btn--cta.btn--block{
  height: 52px;
  border-radius: 18px;
  font-weight: 1000;
  letter-spacing: .2px;
  box-shadow: 0 18px 60px rgba(0,0,0,.40);
}

.trust-row{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.trust-pill{
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,227,205,.74);
  font-size: 12px;
  font-weight: 800;
}

.trust-pill::before{
  content:"✓ ";
  color: rgba(46,231,255,.92);
}

/* =========================================================
   Distribution Table Card (brown-world harmonized)
========================================================= */

.tok-wpTableCard{
  position: relative;
  border-radius: 28px;
  border: 1px solid rgba(255,184,107,.26);
  background:
    radial-gradient(800px 300px at 50% 0%, rgba(255,184,107,.08), transparent 65%),
    rgba(11, 11, 11, .90);

  padding: 28px 24px;
  overflow: hidden;

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 24px rgba(46,231,255,.08),
    0 18px 50px rgba(0,0,0,.60);

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.tok-wpTableCard:hover{
  transform: translateY(-6px);
  border-color: rgba(46,231,255,.30);
  box-shadow:
    0 0 0 1px rgba(46,231,255,.12) inset,
    0 0 35px rgba(46,231,255,.12),
    0 0 55px rgba(255,184,107,.10),
    0 22px 65px rgba(0,0,0,.70);
}

.tok-wpTable__head{
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.tok-wpRows{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.tok-wpRow{
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.tok-wpRow:hover{
  transform: translateY(-4px) scale(1.01);
  background: rgba(0,0,0,.30);
  box-shadow: 0 8px 25px rgba(0,0,0,.35);
}

/* Row hover per category */
.tok-wpRow:nth-child(1):hover{
  border-color: rgba(255,184,107,.30);
  box-shadow: 0 8px 25px rgba(0,0,0,.35), 0 0 25px rgba(255,184,107,.14);
}
.tok-wpRow:nth-child(2):hover{
  border-color: rgba(46,231,255,.30);
  box-shadow: 0 8px 25px rgba(0,0,0,.35), 0 0 25px rgba(46,231,255,.14);
}
.tok-wpRow:nth-child(3):hover{
  border-color: rgba(255,92,244,.30);
  box-shadow: 0 8px 25px rgba(0,0,0,.35), 0 0 25px rgba(255,92,244,.12);
}
.tok-wpRow:nth-child(4):hover{
  border-color: rgba(255,214,102,.35);
  box-shadow: 0 8px 25px rgba(0,0,0,.35), 0 0 25px rgba(255,214,102,.14);
}
.tok-wpRow:nth-child(5):hover{
  border-color: rgba(155,92,255,.32);
  box-shadow: 0 8px 25px rgba(0,0,0,.35), 0 0 25px rgba(155,92,255,.12);
}

/* Category label glow (hover) */
.tok-wpRow:hover .tok-cat--community-rewards{
  color: var(--cat-1);
  text-shadow: 0 0 8px rgba(255,184,107,.22);
}
.tok-wpRow:hover .tok-cat--investors{
  color: var(--cat-2);
  text-shadow: 0 0 8px rgba(46,231,255,.22);
}
.tok-wpRow:hover .tok-cat--development{
  color: var(--cat-3);
  text-shadow: 0 0 8px rgba(255,92,244,.20);
}
.tok-wpRow:hover .tok-cat--marketing{
  color: var(--cat-4);
  text-shadow: 0 0 8px rgba(255,214,102,.22);
}
.tok-wpRow:hover .tok-cat--foundation{
  color: var(--cat-5);
  text-shadow: 0 0 8px rgba(155,92,255,.20);
}

/* Percent badge */
.tok-wpRow__pct{
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.04);
  transition: all .3s ease;
}

.tok-wpRow:hover .tok-wpRow__pct{
  transform: scale(1.05);
}

.tok-wpRow:nth-child(1):hover .tok-wpRow__pct{
  border-color: rgba(255,184,107,.35);
  background: rgba(255,184,107,.12);
  color: rgba(255,184,107,.95);
  box-shadow: 0 0 18px rgba(255,184,107,.16);
}
.tok-wpRow:nth-child(2):hover .tok-wpRow__pct{
  border-color: rgba(46,231,255,.35);
  background: rgba(46,231,255,.12);
  color: rgba(46,231,255,.95);
  box-shadow: 0 0 18px rgba(46,231,255,.16);
}
.tok-wpRow:nth-child(3):hover .tok-wpRow__pct{
  border-color: rgba(255,92,244,.35);
  background: rgba(255,92,244,.10);
  color: rgba(255,92,244,.92);
  box-shadow: 0 0 18px rgba(255,92,244,.14);
}
.tok-wpRow:nth-child(4):hover .tok-wpRow__pct{
  border-color: rgba(255,214,102,.40);
  background: rgba(255,214,102,.14);
  color: rgba(255,214,102,.95);
  box-shadow: 0 0 18px rgba(255,214,102,.18);
}
.tok-wpRow:nth-child(5):hover .tok-wpRow__pct{
  border-color: rgba(155,92,255,.38);
  background: rgba(155,92,255,.12);
  color: rgba(155,92,255,.92);
  box-shadow: 0 0 18px rgba(155,92,255,.16);
}

/* Progress bar */
.tok-wpBar{
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0,0,0,.5) inset;
}

.tok-wpBar span{
  display:block;
  height:100%;
  width: var(--w, 0%);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.10));
  transition: box-shadow .3s ease, background .3s ease;
}

/* activate progress gradient on hover */
.tok-wpRow:nth-child(1):hover .tok-wpBar span{
  background: linear-gradient(90deg, rgba(255,184,107,.85), rgba(46,231,255,.75));
  box-shadow: 0 0 15px rgba(255,184,107,.26);
}
.tok-wpRow:nth-child(2):hover .tok-wpBar span{
  background: linear-gradient(90deg, rgba(46,231,255,.85), rgba(255,184,107,.70));
  box-shadow: 0 0 15px rgba(46,231,255,.26);
}
.tok-wpRow:nth-child(3):hover .tok-wpBar span{
  background: linear-gradient(90deg, rgba(255,92,244,.80), rgba(155,92,255,.70));
  box-shadow: 0 0 15px rgba(255,92,244,.22);
}
.tok-wpRow:nth-child(4):hover .tok-wpBar span{
  background: linear-gradient(90deg, rgba(255,214,102,.85), rgba(255,166,61,.75));
  box-shadow: 0 0 15px rgba(255,214,102,.28);
}
.tok-wpRow:nth-child(5):hover .tok-wpBar span{
  background: linear-gradient(90deg, rgba(155,92,255,.82), rgba(188,138,255,.70));
  box-shadow: 0 0 15px rgba(155,92,255,.22);
}

/* ===== 모바일 대응 ===== */
@media (max-width: 768px){
  .tok-wpTableCard{ padding: 20px 16px; }
  .tok-wpRow{ padding: 14px 14px; }
}

/* =========================================================
   Unified Premium Borders (replaces neon-green everywhere)
   적용 대상:
   1. Supply 박스 (cards4 > card)
   2. Roadmap 박스 (roadcard)
   3. Utility NFT 박스 (section--utility .card)
   4. How to Buy 큰 박스 (howtoStepWrap)
   5. FAQ 큰 박스 (faqFloatWrap)
========================================================= */

/* Supply cards */
.cards4 > .card{
  border: 1px solid rgba(255,184,107,.24);
  background:
    radial-gradient(400px 200px at 50% 0%, rgba(255,184,107,.08), transparent 65%),
    rgba(11,11,11,.88);

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 20px rgba(46,231,255,.08),
    0 16px 44px rgba(0,0,0,.62);

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.cards4 > .card:hover{
  transform: translateY(-6px);
  border-color: rgba(46,231,255,.30);
  box-shadow:
    0 0 0 1px rgba(46,231,255,.12) inset,
    0 0 35px rgba(46,231,255,.12),
    0 0 55px rgba(255,184,107,.10),
    0 22px 60px rgba(0,0,0,.70);
}

/* Roadmap cards */
.roadcard{
  border: 1px solid rgba(255,184,107,.24);
  background:
    radial-gradient(500px 250px at 50% 0%, rgba(255,184,107,.08), transparent 65%),
    rgba(11,11,11,.88);

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 20px rgba(46,231,255,.08),
    0 18px 44px rgba(0,0,0,.60);

  transition: transform .35s ease, border-color .3s ease, box-shadow .3s ease;
}

.roadcard:hover{
  transform: translateY(-8px);
  border-color: rgba(46,231,255,.30);
  box-shadow:
    0 0 0 1px rgba(46,231,255,.12) inset,
    0 0 35px rgba(46,231,255,.12),
    0 0 55px rgba(255,184,107,.10),
    0 22px 65px rgba(0,0,0,.70);
}

/* Roadmap spark hover */
.roadcard:hover .roadcard__spark{
  box-shadow: 0 0 25px rgba(46,231,255,.28);
  transform: scale(1.1);
}

/* Utility cards */
.section--utility .card{
  border: 1px solid rgba(255,184,107,.24);
  background:
    radial-gradient(500px 250px at 50% 0%, rgba(255,184,107,.08), transparent 65%),
    rgba(11,11,11,.88);

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 20px rgba(46,231,255,.08),
    0 18px 44px rgba(0,0,0,.60);

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  cursor: pointer;
}

.section--utility .card:hover{
  transform: translateY(-8px);
  border-color: rgba(46,231,255,.30);
  box-shadow:
    0 0 0 1px rgba(46,231,255,.12) inset,
    0 0 35px rgba(46,231,255,.12),
    0 0 55px rgba(255,184,107,.10),
    0 24px 65px rgba(0,0,0,.70);
}

/* How to Buy container */
.howtoStepWrap{
  border: 1px solid rgba(255,184,107,.24) !important;
  background:
    radial-gradient(700px 260px at 15% 12%, rgba(255,184,107,.08), transparent 62%),
    linear-gradient(180deg, rgba(15, 18, 26, .72), rgba(9, 11, 16, .58)) !important;

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 25px rgba(46,231,255,.08),
    0 20px 70px rgba(0,0,0,.42) !important;

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.howtoStepWrap:hover{
  transform: translateY(-4px);
  border-color: rgba(255,184,107,.26) !important;
  box-shadow:
    0 0 0 1px rgba(46,231,255,.12) inset,
    0 0 35px rgba(46,231,255,.12),
    0 0 50px rgba(255,184,107,.10),
    0 24px 75px rgba(0,0,0,.50) !important;
}

/* How to Buy steps */
.howtoStep{
  border: 1px solid rgba(255,255,255,.10);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.howtoStep:hover{
  transform: translateY(-2px);
  border-color: rgba(255,184,107,.26);
  box-shadow: 0 6px 20px rgba(0,0,0,.30), 0 0 20px rgba(46,231,255,.10);
}

.howtoStep.is-active{
  border-color: rgba(255,184,107,.26);
  box-shadow: 0 0 20px rgba(255,184,107,.10);
}

/* FAQ container */
.faqFloatWrap{
  border: 1px solid rgba(255,184,107,.24) !important;
  background:
    radial-gradient(700px 260px at 15% 12%, rgba(255,184,107,.08), transparent 62%),
    linear-gradient(180deg, rgba(15, 18, 26, .72), rgba(9, 11, 16, .58)) !important;

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 25px rgba(46,231,255,.08),
    0 20px 70px rgba(0,0,0,.42) !important;

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.faqFloatWrap:hover{
  transform: translateY(-4px);
  border-color: rgba(46,231,255,.30) !important;
  box-shadow:
    0 0 0 1px rgba(46,231,255,.12) inset,
    0 0 35px rgba(46,231,255,.12),
    0 0 50px rgba(255,184,107,.10),
    0 24px 75px rgba(0,0,0,.50) !important;
}

/* FAQ cards */
.faqCard{
  border: 1px solid rgba(255,255,255,.10);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.faqCard:hover{
  transform: translateY(-6px);
  border-color: rgba(46,231,255,.22);
  box-shadow:
    0 12px 35px rgba(0,0,0,.40),
    0 0 25px rgba(46,231,255,.10);
}

/* Supply donut big box */
.tok-chart__card{
  border: 1px solid rgba(255,184,107,.24);
  background:
    radial-gradient(600px 300px at 50% 0%, rgba(255,184,107,.08), transparent 65%),
    rgba(11,11,11,.88);

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 20px rgba(46,231,255,.08),
    0 18px 50px rgba(0,0,0,.60);

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.tok-chart__card:hover{
  transform: translateY(-6px);
  border-color: rgba(46,231,255,.30);
  box-shadow:
    0 0 0 1px rgba(46,231,255,.12) inset,
    0 0 35px rgba(46,231,255,.12),
    0 0 55px rgba(255,184,107,.10),
    0 22px 65px rgba(0,0,0,.70);
}

/* Supply mini stats */
.tok-miniStat{
  border: 1px solid rgba(255,184,107,.22);
  background:
    radial-gradient(300px 150px at 50% 0%, rgba(255,184,107,.07), transparent 60%),
    rgba(11,11,11,.80);

  box-shadow:
    0 0 0 1px rgba(255,184,107,.06) inset,
    0 0 15px rgba(46,231,255,.06),
    0 12px 35px rgba(0,0,0,.55);

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.tok-miniStat:hover{
  transform: translateY(-4px) scale(1.02);
  border-color: rgba(46,231,255,.28);
  box-shadow:
    0 0 0 1px rgba(46,231,255,.10) inset,
    0 0 25px rgba(46,231,255,.10),
    0 0 40px rgba(255,184,107,.08),
    0 16px 45px rgba(0,0,0,.65);
}

/* About glass cards */
.section--about .card--glass{
  border: 1px solid rgba(255,184,107,.24);
  background:
    radial-gradient(500px 250px at 50% 0%, rgba(255,184,107,.08), transparent 65%),
    rgba(11,11,11,.84);

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 20px rgba(46,231,255,.08),
    0 16px 44px rgba(0,0,0,.60);

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.section--about .card--glass:hover{
  transform: translateY(-6px) scale(1.01);
  border-color: rgba(46,231,255,.30);
  box-shadow:
    0 0 0 1px rgba(46,231,255,.12) inset,
    0 0 35px rgba(46,231,255,.12),
    0 0 55px rgba(255,184,107,.10),
    0 22px 60px rgba(0,0,0,.70);
}

/* Phase cards */
.phase-card{
  border: 1px solid rgba(255,184,107,.24);
  background:
    radial-gradient(500px 250px at 50% 0%, rgba(255,184,107,.08), transparent 65%),
    rgba(11,11,11,.88);

  box-shadow:
    0 0 0 1px rgba(255,184,107,.08) inset,
    0 0 20px rgba(46,231,255,.08),
    0 18px 44px rgba(0,0,0,.60);

  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

/* ===== 모바일 최적화 ===== */
@media (max-width: 768px){
  .cards4 > .card:hover,
  .roadcard:hover,
  .section--utility .card:hover,
  .howtoStepWrap:hover,
  .faqFloatWrap:hover,
  .tok-wpTableCard:hover,
  .phase-card:hover{
    transform: translateY(-4px);
  }
}

/* Text clarity in chart/table (keep strong; replace pure-white with warm white) */
.tok-chart__sub,
.tok-chart__sub span{
  color: rgba(255,243,232,.92) !important;
  opacity: 1 !important;
}

.tok-wpTable__title{
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
}

.tok-wpTable__title,
.tok-wpTable__title span,
.tok-wpTableCard .tok-wpTable__title,
.tok-wpTableCard .tok-wpTable__title span{
  color: rgba(255,243,232,.95) !important;
}

.tok-wpTable__cols,
.tok-wpTable__cols span,
.tok-wpTable__cols.muted,
.tok-wpTable__cols.muted span,
.tok-wpTable__cols span:first-child,
.tok-wpTable__cols span:last-child{
  color: rgba(255,227,205,.88) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Force all major surfaces to brown borders (last resort override) */
.cards4 > .card,
.roadcard,
.section--utility .card,
.howtoStepWrap,
.faqFloatWrap,
.tok-wpTableCard,
.tok-chart__card,
.tok-miniStat,
.section--about .card--glass,
.phase-card,
.hero__widget.card--neon{
  border-color: var(--border-brown) !important;
}
.cards4 > .card:hover,
.roadcard:hover,
.section--utility .card:hover,
.howtoStepWrap:hover,
.faqFloatWrap:hover,
.tok-wpTableCard:hover,
.tok-chart__card:hover,
.tok-miniStat:hover,
.section--about .card--glass:hover,
.phase-card:hover,
.hero__widget.card--neon:hover{
  border-color: var(--border-brown-hover) !important;
}