/* ===== Preloader / intro animation ===== */
.preloader{position:fixed;inset:0;z-index:9999;background:#0a1122;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease;}
.preloader.loaded{opacity:0;pointer-events:none;}
.preloader-mark{width:56px;height:62px;animation:preloaderPulse 1.1s ease-in-out infinite;}
@keyframes preloaderPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.12);opacity:.72;}}

html:not(.page-ready) .hero-banner-text,
html:not(.page-ready) .hero-banner-center .hero-banner-text{opacity:0;}
.page-ready .hero-banner-text{animation:heroIntroUp .9s cubic-bezier(.22,1,.36,1) both;}
.page-ready .hero-banner-text .eyebrow{animation:heroIntroUp .7s cubic-bezier(.22,1,.36,1) both;}
.page-ready .hero-banner-text h1{animation:heroIntroUp .8s .08s cubic-bezier(.22,1,.36,1) both;}
.page-ready .hero-banner-text p.lede{animation:heroIntroUp .8s .16s cubic-bezier(.22,1,.36,1) both;}
.page-ready .hero-banner-text .hero-actions{animation:heroIntroUp .8s .24s cubic-bezier(.22,1,.36,1) both;}
@keyframes heroIntroUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}

.brand-logo{transition:transform .3s ease;}
.site-header:hover .brand-logo{transform:rotate(-2deg) scale(1.03);}

/* ===== Theme toggle placement: desktop bar vs. hamburger menu ===== */
.nav-theme-item{display:none;}
@media (min-width:961px){
  .nav-theme-item{display:none !important;}
}
@media (max-width:960px){
  .nav-cta .theme-toggle-desktop{display:none;}
  .nav-theme-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 19px;
    margin-top:6px;
    border-top:1px solid var(--glass-border);
  }
  .nav-theme-item span{font-size:.92rem;font-weight:500;color:var(--slate-600);}
  .nav-theme-item .theme-toggle{position:static;}
}

/* ===== Transactions feed ===== */
.tx-table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-lg);}
.tx-table{width:100%;border-collapse:collapse;min-width:720px;font-size:.86rem;}
.tx-table thead th{text-align:left;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--slate-500);padding:12px 16px;border-bottom:1px solid var(--glass-border);white-space:nowrap;}
.tx-table tbody td{padding:13px 16px;border-bottom:1px solid var(--glass-border);color:var(--ink-800);white-space:nowrap;}
.tx-table tbody tr:hover{background:rgba(43,92,240,0.04);}
.mono{font-family:var(--font-mono);}
.tx-up{color:var(--green-600);font-weight:600;}
.tx-down{color:var(--red-500);font-weight:600;}
.tag-crypto{color:#a855f7;background:rgba(168,85,247,0.1);border-color:rgba(168,85,247,0.25);}
.tag-forex{color:var(--blue-700);background:rgba(43,92,240,0.08);border-color:rgba(43,92,240,0.2);}
.tag-stock{color:#059669;background:rgba(5,150,105,0.08);border-color:rgba(5,150,105,0.22);}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;}
.status-ok{background:var(--green-600);box-shadow:0 0 0 3px rgba(22,163,74,0.16);}
.status-pending{background:var(--amber-500);box-shadow:0 0 0 3px rgba(217,143,31,0.16);}
@keyframes txRowIn{from{background:rgba(43,92,240,0.14);}to{background:transparent;}}
.tx-row-new{animation:txRowIn 1.8s ease;}
.tx-live-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green-600);}
.tx-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green-600);animation:txLiveBlink 1.6s ease-in-out infinite;}
@keyframes txLiveBlink{0%,100%{opacity:1;}50%{opacity:.25;}}

/* ===== Feature icons ===== */
.feature-icon{width:52px;height:52px;border-radius:16px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--shadow-glow);}
.feature-icon svg{width:24px;height:24px;stroke:#fff;}

/* ===== Offer / promo cards ===== */
.offer-card{position:relative;overflow:hidden;}
.offer-card .offer-ribbon{position:absolute;top:18px;right:-34px;transform:rotate(40deg);background:var(--grad-primary);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 40px;box-shadow:0 6px 16px -6px rgba(43,92,240,.5);}
.offer-value{font-family:var(--font-display);font-size:2.4rem;color:var(--ink-900);margin-bottom:4px;}
.offer-value span{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ===== Stat counters ===== */
.stat-num{font-family:var(--font-display);font-size:2.6rem;display:block;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ===== Table responsiveness ===== */
@media (max-width:640px){
  .tx-table{min-width:640px;}
  .footer-disclosure{padding:0 24px;}
}
