@import url(plugins/line-icons.css);
 @import url(plugins/iconfont.css);
 @import url(plugins/font-awesome.css);
 @import url(plugins/bootstrap-icons.css);

 @font-face {
     font-family: IRANSans;
     src: url('fonts/IRANSansWeb/IRANSansWeb.eot');
     src: url('fonts/IRANSansWeb/IRANSansWeb.eot') format('embedded-opentype'), url('fonts/IRANSansWeb/IRANSansXFaNum-Medium.woff') format('woff'), url('fonts/IRANSansWeb/IRANSansWeb.ttf') format('truetype');
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: IRANSansXDemiBold;
     src: url('fonts/IRANSansWeb/IRANSansWeb.eot');
     src: url('fonts/IRANSansWeb/IRANSansWeb.eot') format('embedded-opentype'), url('fonts/IRANSansWeb/IRANSansXFaNum-DemiBold.woff') format('woff'), url('fonts/IRANSansWeb/IRANSansWeb.ttf') format('truetype');
     font-weight: 400;
     font-style: normal
 }

 :root {
     --bg-1: #ffffff;
     --bg-2: #f8fafc;
     --bg-3: #f1f5f9;
     --card: #ffffff;
     --border: #e5e7eb;
     --border-2: #f1f5f9;
     --text: #0f172a;
     --heading: #020617;
     --muted: #64748b;
     --soft: #94a3b8;
     --primary: #0ea5e9;
     --primary-dark: #0284c7;
     --secondary: #8b5cf6;
     --secondary-dark: #7c3aed;
     --success: #10b981;
     --success-soft: #d1fae5;
     --danger: #ef4444;
     --danger-soft: #fee2e2;
     --warning: #f59e0b;
     --warning-soft: #fef3c7;
     --info: #06b6d4;
     --info-soft: #cffafe;
     --primaryfont: 'IRANSans', sans-serif;
     --grad-1: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);
     --grad-2: linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);
     --grad-3: linear-gradient(135deg, #ef4444 0%, #8b5cf6 100%);
     --grad-soft-1: linear-gradient(135deg, rgba(14, 165, 233, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
     --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
     --shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
     --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.08);
     --shadow-xl: 0 24px 48px rgba(15, 23, 42, 0.1);
 }

 * {
     font-family: 'IRANSans', sans-serif;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: var(--headingcolor);
     font-weight: 500;
     text-transform: capitalize;
     font-family: 'IRANSansXDemiBold', sans-serif;
 }

 html,
 body {
     background: var(--bg-2);
     color: var(--text);
     scroll-behavior: smooth;
     font-family: var(--primaryfont);
 }

 body {
     background:
         radial-gradient(1200px 600px at 10% -10%, rgba(14, 165, 233, 0.08), transparent 60%),
         radial-gradient(900px 500px at 110% 10%, rgba(139, 92, 246, 0.06), transparent 60%),
         var(--bg-2);
     min-height: 100vh;
 }

 a {
     text-decoration: none;
 }

 ::selection {
     background: var(--primary);
     color: #fff;
 }

 /* ===== Scrollbar ===== */
 ::-webkit-scrollbar {
     width: 8px;
     height: 8px;
 }

 ::-webkit-scrollbar-track {
     background: var(--bg-3);
 }

 ::-webkit-scrollbar-thumb {
     background: linear-gradient(var(--primary), var(--secondary));
     border-radius: 8px;
 }

 /* ===== Navbar ===== */
 .navbar-custom {
     background: rgba(255, 255, 255, 0.85);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
     border-bottom: 1px solid var(--border);
     transition: 0.3s;
     z-index: 1030;
 }

 .navbar-custom.scrolled {
     background: rgba(255, 255, 255, 0.98);
     box-shadow: var(--shadow-sm);
 }

 .navbar-brand {
     font-weight: 900;
     font-size: 1.5rem;
     background: var(--grad-1);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }

 .navbar-brand i {
     background: var(--grad-1);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }

 .nav-link {
     color: #475569 !important;
     font-weight: 500;
     transition: 0.2s;
     position: relative;
 }

 .nav-link:hover {
     color: var(--primary) !important;
 }

 .nav-link.active {
     color: var(--primary) !important;
 }

 .nav-link.active::after {
     content: "";
     position: absolute;
     bottom: -6px;
     right: 0;
     left: 0;
     height: 2px;
     background: var(--grad-1);
     border-radius: 2px;
 }

 /* ===== Buttons ===== */
 .btn-grad {
     background: var(--grad-1);
     color: #fff;
     font-weight: 700;
     border: none;
     border-radius: 12px;
     padding: 0.7rem 1.4rem;
     transition: 0.25s;
     box-shadow: 0 6px 18px rgba(14, 165, 233, 0.3);
 }

 .btn-grad:hover {
     transform: translateY(-2px);
     box-shadow: 0 10px 24px rgba(14, 165, 233, 0.45);
     color: #fff;
 }

 .btn-outline-grad {
     background: #fff;
     border: 1.5px solid var(--border);
     color: var(--text);
     font-weight: 600;
     border-radius: 12px;
     padding: 0.6rem 1.3rem;
     transition: 0.25s;
 }

 .btn-outline-grad:hover {
     background: var(--grad-1);
     color: #fff;
     border-color: transparent;
     transform: translateY(-2px);
 }

 /* ===== Hero ===== */
 .hero {
     position: relative;
     padding: 7rem 0 5rem;
     overflow: hidden;
     background: linear-gradient(180deg, #fff 0%, var(--bg-2) 100%);
 }

 .hero h1 {
     font-size: clamp(2rem, 5vw, 3.6rem);
     font-weight: 900;
     line-height: 1.2;
     color: var(--heading);
 }

 .hero h1 .grad {
     background: var(--grad-1);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }

 .hero p.lead {
     color: var(--muted);
     max-width: 620px;
     font-size: 1.1rem;
     line-height: 1.8;
 }

 .hero-illust {
     background: var(--grad-soft-1);
     border-radius: 24px;
     padding: 1rem;
     position: relative;
     border: 1px solid var(--border);
 }

 .blob {
     position: absolute;
     border-radius: 50%;
     filter: blur(80px);
     opacity: 0.4;
     z-index: 0;
 }

 .blob.b1 {
     width: 220px;
     height: 220px;
     background: #0ea5e9;
     top: -40px;
     right: -40px;
 }

 .blob.b2 {
     width: 260px;
     height: 260px;
     background: #8b5cf6;
     bottom: -60px;
     left: -60px;
 }

 /* ===== Stats ===== */
 .stats-bar {
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 20px;
     padding: 1.2rem 1.5rem;
     box-shadow: var(--shadow);
 }

 .stat-item .label {
     color: var(--muted);
     font-size: 0.85rem;
 }

 .stat-item .value {
     font-weight: 800;
     font-size: 1.15rem;
     color: var(--heading);
 }

 /* ===== Ticker ===== */
 .ticker-wrap {
     background: var(--heading);
     border-block: 1px solid rgba(255, 255, 255, 0.1);
     overflow: hidden;
     padding: 0.7rem 0;
     position: relative;
 }

 .ticker {
     display: flex;
     gap: 2.5rem;
     animation: ticker 40s linear infinite;
     width: max-content;
     color: #fff;
 }

 @keyframes ticker {
     from {
         transform: translateX(0);
     }

     to {
         transform: translateX(-50%);
     }
 }

 .ticker-item {
     display: flex;
     align-items: center;
     gap: 0.6rem;
     white-space: nowrap;
     font-weight: 600;
 }

 .ticker-item img {
     width: 22px;
     height: 22px;
 }

 .ticker-item b {
     color: #fff;
 }

 .ticker-item .up {
     color: #34d399;
 }

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

 /* ===== Section ===== */
 section {
     padding: 5rem 0;
     position: relative;
 }

 .section-title {
     font-size: clamp(1.6rem, 3vw, 2.4rem);
     font-weight: 900;
     margin-bottom: 0.5rem;
     color: var(--heading);
 }

 .section-sub {
     color: var(--muted);
     margin-bottom: 3rem;
 }

 /* ===== Glass Card (حالا به معنی کارت سفید مدرن) ===== */
 .glass {
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 18px;
     transition: 0.3s;
     overflow: hidden;
     position: relative;
     box-shadow: var(--shadow-sm);
 }

 .glass:hover {
     border-color: rgba(14, 165, 233, 0.3);
     transform: translateY(-4px);
     box-shadow: var(--shadow-lg);
 }

 /* ===== Prices Table ===== */
 .table-custom {
     color: var(--text);
     margin: 0;
 }

 .table-custom thead th {
     background: var(--bg-2);
     color: var(--muted);
     font-weight: 700;
     font-size: 0.85rem;
     border-bottom: 1px solid var(--border);
     padding: 0.9rem;
 }

 .table-custom tbody td {
     padding: 0.85rem;
     border-bottom: 1px solid var(--border-2);
     vertical-align: middle;
     color: var(--text);
 }

 .table-custom tbody tr:hover {
     background: var(--bg-2);
 }

 .table-custom tbody tr:last-child td {
     border-bottom: none;
 }

 .coin-icon {
     width: 32px;
     height: 32px;
     border-radius: 50%;
     margin-inline-end: 0.6rem;
 }

 .up {
     color: var(--success);
     font-weight: 700;
 }

 .down {
     color: var(--danger);
     font-weight: 700;
 }

 .badge-soft {
     background: var(--success-soft);
     color: #047857;
     padding: 0.3rem 0.7rem;
     border-radius: 8px;
     font-size: 0.8rem;
     font-weight: 700;
 }

 .badge-soft-red {
     background: var(--danger-soft);
     color: #b91c1c;
     padding: 0.3rem 0.7rem;
     border-radius: 8px;
     font-size: 0.8rem;
     font-weight: 700;
 }

 /* ===== Features ===== */
 .feature-icon {
     width: 60px;
     height: 60px;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--grad-1);
     color: #fff;
     font-size: 1.6rem;
     margin-bottom: 1rem;
     box-shadow: 0 8px 20px rgba(14, 165, 233, 0.3);
 }

 .feature-icon.v2 {
     background: var(--grad-2);
     box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);
 }

 .feature-icon.v3 {
     background: var(--grad-3);
     box-shadow: 0 8px 20px rgba(239, 68, 68, 0.3);
 }

 /* ===== Plans ===== */
 .plan-card {
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 22px;
     padding: 2rem;
     transition: 0.3s;
     position: relative;
     overflow: hidden;
     height: 100%;
     box-shadow: var(--shadow-sm);
 }

 .plan-card.popular {
     border: 2px solid var(--primary);
     transform: scale(1.03);
     box-shadow: 0 20px 40px rgba(14, 165, 233, 0.15);
 }

 .plan-card.popular::before {
     content: "پیشنهادی";
     position: absolute;
     top: 18px;
     left: -30px;
     background: var(--grad-1);
     color: #fff;
     padding: 0.3rem 2.5rem;
     transform: rotate(45deg);
     font-weight: 800;
     font-size: 0.8rem;
 }

 .plan-card:hover {
     transform: translateY(-6px);
     box-shadow: var(--shadow-xl);
 }

 .plan-card.popular:hover {
     transform: scale(1.03) translateY(-6px);
 }

 .plan-price {
     font-size: 2.5rem;
     font-weight: 900;
     background: var(--grad-1);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }

 .plan-features li {
     padding: 0.5rem 0;
     color: #475569;
     border-bottom: 1px dashed var(--border);
 }

 .plan-features li:last-child {
     border-bottom: none;
 }

 .plan-features li i {
     color: var(--success);
     margin-inline-end: 0.5rem;
 }

 /* ===== News ===== */
 .news-card .news-img {
     height: 200px;
     background-size: cover;
     background-position: center;
     position: relative;
 }

 .news-card .news-img::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(15, 23, 42, 0.4), transparent 50%);
 }

 .news-card .news-tag {
     position: absolute;
     top: 12px;
     right: 12px;
     z-index: 2;
     background: #fff;
     color: var(--primary);
     padding: 0.3rem 0.8rem;
     border-radius: 8px;
     font-size: 0.75rem;
     font-weight: 700;
     box-shadow: var(--shadow-sm);
 }

 .news-card .news-body {
     padding: 1.2rem;
 }

 .news-card h6 {
     font-weight: 800;
     line-height: 1.6;
     margin-bottom: 0.6rem;
     color: var(--heading);
 }

 .news-card .meta {
     color: var(--muted);
     font-size: 0.85rem;
 }

 /* ===== Listings ===== */
 .listing-card {
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 14px;
     padding: 1rem;
     display: flex;
     align-items: center;
     gap: 1rem;
     transition: 0.25s;
     box-shadow: var(--shadow-sm);
 }

 .listing-card:hover {
     border-color: rgba(16, 185, 129, 0.4);
     transform: translateY(-3px);
     box-shadow: var(--shadow);
 }

 .listing-card img {
     width: 42px;
     height: 42px;
     border-radius: 50%;
 }

 /* ===== Exchanges ===== */
 .exchange-card {
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 18px;
     padding: 1.5rem;
     text-align: center;
     transition: 0.3s;
     height: 100%;
     box-shadow: var(--shadow-sm);
 }

 .exchange-card:hover {
     border-color: rgba(14, 165, 233, 0.3);
     transform: translateY(-4px);
     box-shadow: var(--shadow-lg);
 }

 .exchange-card .ex-logo {
     width: 64px;
     height: 64px;
     border-radius: 16px;
     background: var(--bg-2);
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 0.8rem;
     font-size: 1.8rem;
     transition: 0.3s;
 }

 .exchange-card:hover .ex-logo {
     transform: scale(1.1);
 }

 /* ===== Filters Section ===== */
 .filter-pill {
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 14px;
     padding: 1rem 1.2rem;
     display: flex;
     align-items: center;
     gap: 0.8rem;
     transition: 0.25s;
     cursor: pointer;
     box-shadow: var(--shadow-sm);
 }

 .filter-pill:hover {
     border-color: var(--primary);
     background: var(--bg-2);
     transform: translateY(-3px);
     box-shadow: var(--shadow);
 }

 .filter-pill i {
     font-size: 1.4rem;
     color: var(--primary);
 }

 /* ===== Footer ===== */
 footer {
     background: var(--heading);
     color: #cbd5e1;
     border-top: 1px solid rgba(255, 255, 255, 0.08);
     padding: 4rem 0 1.5rem;
 }

 footer h6 {
     color: #fff;
     font-weight: 800;
     margin-bottom: 1.2rem;
 }

 footer a {
     color: #94a3b8;
     transition: 0.2s;
 }

 footer a:hover {
     color: var(--primary);
 }

 .social-link {
     width: 38px;
     height: 38px;
     border-radius: 10px;
     background: rgba(255, 255, 255, 0.08);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     margin-inline-end: 0.4rem;
     transition: 0.2s;
 }

 .social-link:hover {
     background: var(--grad-1);
     color: #fff;
     transform: translateY(-2px);
 }

 /* ===== Animations ===== */
 @keyframes float {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-12px);
     }
 }

 .float {
     animation: float 4s ease-in-out infinite;
 }

 .fade-up {
     opacity: 0;
     transform: translateY(20px);
     transition: 0.7s;
 }

 .fade-up.show {
     opacity: 1;
     transform: translateY(0);
 }

 /* ===== Responsive ===== */
 @media (max-width: 768px) {
     .hero {
         padding: 5rem 0 3rem;
     }

     .plan-card.popular {
         transform: none;
     }
 }
 /* ===== Auth Pages ===== */
.auth-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: var(--bg-2);
  position: relative;
  overflow: hidden;
}

.auth-background {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.1;
  animation: float 8s ease-in-out infinite;
}

.blob-1 {
  width: 400px;
  height: 400px;
  background: var(--grad-1);
  top: -100px;
  right: -100px;
  animation-delay: 0s;
}

.blob-2 {
  width: 350px;
  height: 350px;
  background: var(--grad-3);
  bottom: -80px;
  left: -80px;
  animation-delay: 2s;
}

@keyframes float {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(20px, -30px); }
}

.auth-card {
  width: 100%;
  max-width: 440px;
  border-radius: 28px !important;
  box-shadow: var(--shadow-xl) !important;
  border: 1px solid var(--border) !important;
  background: rgba(255,255,255,0.9) !important;
  backdrop-filter: blur(12px);
  position: relative;
  z-index: 1;
  padding: 2rem 1.8rem;
}

.glass-card .ant-card-body {
  padding: 0 !important;
}

.gradient-text {
  background: var(--grad-1);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.btn-auth {
  background: var(--grad-1) !important;
  border: none !important;
  height: 48px;
  border-radius: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(14,165,233,0.3);
}
.btn-auth:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(14,165,233,0.45);
}

.social-btn {
  width: 48px !important;
  height: 48px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 14px !important;
  transition: 0.25s !important;
  color: var(--text) !important;
  background: #fff !important;
}
.social-btn:hover {
  border-color: var(--primary) !important;
  background: var(--grad-soft-1) !important;
  color: var(--primary) !important;
  transform: translateY(-3px);
}

/* ورودی‌های Ant Design */
.ant-input,
.ant-input-password {
  border-radius: 12px !important;
  border: 1.5px solid var(--border) !important;
  padding: 0.7rem 1rem !important;
}
.ant-input:focus,
.ant-input-password:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 4px rgba(14,165,233,0.15) !important;
}
.ant-input-prefix {
  color: var(--primary) !important;
}

.ant-checkbox-wrapper {
  color: var(--muted) !important;
}

@media (max-width: 576px) {
  .auth-card {
    padding: 1.5rem 1rem;
  }
  .blob-1 { width: 250px; height: 250px; }
  .blob-2 { width: 200px; height: 200px; }
}
```css
/* ===== About Page ===== */
.about-page{overflow:hidden;background:var(--bg-2)}
.about-hero{position:relative;padding:8rem 0 5rem;background:linear-gradient(180deg,#fff 0%,var(--bg-2) 100%);overflow:hidden}
.about-hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:1.35;color:var(--heading)}
.about-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-hero p{max-width:650px;color:var(--muted);font-size:1.05rem;line-height:2}
.about-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.about-eyebrow{display:inline-flex;padding:.45rem 1rem;border-radius:30px;background:var(--grad-soft-1);border:1px solid rgba(14,165,233,.15);color:var(--primary);font-size:.85rem;font-weight:700}

/* Hero Illustration */
.about-visual{height:440px;position:relative;display:flex;align-items:center;justify-content:center}
.visual-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:var(--grad-soft-1);filter:blur(35px)}
.market-orbit{position:absolute;border:1px dashed rgba(100,116,139,.22);border-radius:50%}
.orbit-one{width:290px;height:290px}
.orbit-two{width:410px;height:410px}
.visual-center{width:175px;height:175px;border-radius:50%;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}
.visual-logo{width:58px;height:58px;border-radius:16px;background:var(--grad-1);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:.6rem;box-shadow:0 10px 25px rgba(14,165,233,.25)}
.visual-center span{font-weight:900;color:var(--heading);letter-spacing:2px}
.visual-center small{font-size:.65rem;color:var(--soft);margin-top:.2rem}
.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:14px;padding:.8rem 1rem;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px)}
.floating-card strong{display:block;font-size:.75rem;color:var(--heading)}
.floating-card small{display:block;color:var(--soft);font-size:.65rem;margin-top:2px}
.card-top{top:45px;right:0}
.card-bottom{bottom:45px;left:0}
.floating-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--info-soft);color:var(--primary);font-weight:900}
.floating-icon.purple{background:#ede9fe;color:var(--secondary)}

/* Intro */
.about-intro{max-width:800px;margin:auto;text-align:center}
.about-intro-label{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.85rem;font-weight:700}
.about-intro-label span{width:7px;height:7px;border-radius:50%;background:var(--primary)}
.about-intro h2{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:900;color:var(--heading);line-height:1.6;margin:1rem 0}
.about-intro p{color:var(--muted);line-height:2;margin:.7rem auto;max-width:720px}

/* Mission */
.about-mission{padding:5rem 0;background:linear-gradient(135deg,#f8fcff,#faf8ff);border-block:1px solid var(--border)}
.about-mission h2{color:var(--heading);font-size:2.1rem;font-weight:900;line-height:1.6;margin:1rem 0}
.about-mission p{color:var(--muted);line-height:2}
.mission-diagram{height:300px;position:relative}
.diagram-node{position:absolute;width:120px;height:120px;border-radius:50%;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}
.diagram-node strong{font-size:.8rem;color:var(--heading)}
.diagram-node small{font-size:.6rem;color:var(--soft)}
.node-one{right:0;top:0}.node-two{left:50%;top:90px;transform:translateX(-50%)}.node-three{left:0;bottom:0}
.diagram-line{position:absolute;height:1px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.35;z-index:1}
.line-one{width:150px;right:105px;top:90px;transform:rotate(32deg)}
.line-two{width:150px;left:105px;top:190px;transform:rotate(-32deg)}
.about-icon{width:42px;height:42px;border-radius:11px;background:var(--grad-soft-1);color:var(--primary);display:grid;place-items:center;margin-bottom:6px}
.about-icon svg{width:23px;height:23px}

/* Features */
.feature-card{height:100%;padding:1.7rem;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);position:relative;transition:.25s}
.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(14,165,233,.25)}
.feature-number{position:absolute;left:20px;top:18px;color:#e2e8f0;font-weight:900;font-size:.75rem}
.feature-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin-bottom:1rem;background:var(--grad-1);color:#fff;box-shadow:0 8px 20px rgba(14,165,233,.2)}
.feature-icon svg{width:27px;height:27px}
.feature-icon.purple{background:var(--secondary)}
.feature-icon.blue{background:#3b82f6}.feature-icon.green{background:var(--success)}
.feature-icon.orange{background:var(--warning)}.feature-icon.pink{background:#ec4899}
.feature-card h3{font-weight:900;color:var(--heading);font-size:1.1rem;margin-bottom:.6rem}
.feature-card p{color:var(--muted);line-height:1.9;font-size:.9rem;margin:0}

/* Principles */
.about-principles{padding:6rem 0;background:#fff}
.about-principles h2{color:var(--heading);font-size:2.1rem;font-weight:900;line-height:1.6;margin:1rem 0 2rem}
.principles-visual{width:360px;height:360px;position:relative;margin:auto}
.principle-circle{position:absolute;border:1px dashed #cbd5e1;border-radius:50%;display:grid;place-items:start center;padding-top:15px;color:var(--soft);font-size:.6rem;font-weight:800;letter-spacing:1px}
.circle-one{inset:0}.circle-two{inset:45px}.circle-three{inset:90px}
.principle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:20px;background:var(--grad-1);color:#fff;display:grid;place-items:center;font-size:34px;font-weight:900;box-shadow:0 15px 35px rgba(14,165,233,.25)}
.principle-item{display:flex;gap:1rem;margin-bottom:1.5rem}
.principle-item>span{color:var(--primary);font-weight:900;font-size:.75rem}
.principle-item strong{color:var(--heading);font-size:.95rem}
.principle-item p{margin:.3rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.8}

/* Disclaimer */
.about-disclaimer{display:flex;align-items:flex-start;gap:1rem;padding:1.3rem 1.5rem;background:var(--warning-soft);border:1px solid #fde68a;border-radius:15px}
.disclaimer-icon{min-width:44px;width:44px;height:44px;border-radius:12px;background:#fef3c7;color:#b45309;display:grid;place-items:center}
.disclaimer-icon svg{width:22px;height:22px}
.about-disclaimer strong{color:#92400e;font-size:.9rem}
.about-disclaimer p{margin:.35rem 0 0;color:#92722e;font-size:.8rem;line-height:1.8}

/* CTA */
.about-cta{padding:2rem 0 6rem}
.about-cta-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:var(--grad-soft-1);border:1px solid var(--border);border-radius:22px}
.about-cta-box span{color:var(--primary);font-size:.75rem;font-weight:900;letter-spacing:2px}
.about-cta-box h2{margin:.5rem 0;color:var(--heading);font-size:2rem;font-weight:900}
.about-cta-box p{margin:0;color:var(--muted)}

@media(max-width:768px){
    .about-hero{padding:6rem 0 3rem}
    .about-hero h1{font-size:2.2rem}
    .about-visual{height:350px}
    .orbit-one{width:230px;height:230px}.orbit-two{width:320px;height:320px}
    .visual-center{width:145px;height:145px}
    .card-top{top:20px}.card-bottom{bottom:20px}
    .about-mission{padding:4rem 0}
    .mission-diagram{height:260px;margin-top:1rem}
    .diagram-node{width:95px;height:95px}
    .principles-visual{width:290px;height:290px}
    .about-cta-box{flex-direction:column;align-items:flex-start;padding:2rem}
}

@media(max-width:480px){
    .about-hero-actions{flex-direction:column}
    .about-hero-actions .public-btn{width:100%}
    .about-visual{transform:scale(.85);margin:-20px 0}
    .about-disclaimer{flex-direction:column}
}

/* ===== Contact Page ===== */
.contact-page{overflow:hidden}.contact-hero{padding:7rem 0 4rem;text-align:center;background:linear-gradient(180deg,#fff,var(--bg-2));border-bottom:1px solid var(--border)}.contact-hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:900;color:var(--heading);margin:1rem 0}.contact-hero p{max-width:650px;margin:auto;color:var(--muted);line-height:2}.contact-main{padding-top:4rem}.contact-info-card,.contact-form-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:2rem}.contact-info-card{position:relative;overflow:hidden}.contact-info-card h2,.contact-form-card h2{color:var(--heading);font-size:1.8rem;font-weight:900;line-height:1.6;margin:1rem 0}.contact-info-text{color:var(--muted);line-height:2;font-size:.9rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-2)}.contact-item:last-of-type{border-bottom:0}.contact-icon{width:48px;height:48px;min-width:48px;display:grid;place-items:center;border-radius:14px;background:var(--grad-soft-1);color:var(--primary)}.contact-icon svg{width:24px;height:24px}.contact-item small{display:block;color:var(--soft);font-size:.7rem;margin-bottom:.25rem}.contact-item strong,.contact-item a{display:block;color:var(--heading);font-size:.82rem;font-weight:700;line-height:1.8}.contact-item a{color:var(--primary)}.contact-pattern{position:absolute;left:-35px;bottom:-35px;width:120px;height:120px;display:grid;grid-template-columns:repeat(3,8px);gap:12px;transform:rotate(20deg);opacity:.45}.contact-pattern span{width:8px;height:8px;border-radius:50%;background:var(--primary)}.contact-form-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.contact-form-title h2{margin:.7rem 0 0}.contact-form-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:var(--grad-soft-1);color:var(--primary)}.contact-form-icon svg{width:30px;height:30px}.contact-form label{display:block;color:var(--heading);font-size:.78rem;font-weight:700;margin-bottom:.45rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);padding:.8rem 1rem;outline:0;transition:.2s;font-family:var(--primaryfont);font-size:.82rem}.contact-form input{height:48px}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a3afbf}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(14,165,233,.08)}.contact-submit{border-radius:12px;padding:.75rem 1.5rem}.contact-location{padding:2rem 0 5rem}.contact-location-box{min-height:260px;display:flex;align-items:center;gap:4rem;padding:2.5rem;background:linear-gradient(135deg,#f5fcff,#f8f6ff);border:1px solid var(--border);border-radius:22px;overflow:hidden}.contact-location-box h2{color:var(--heading);font-size:1.8rem;font-weight:900;margin:1rem 0 .4rem}.contact-location-box p{color:var(--muted);margin-bottom:1.2rem}.location-illustration{width:230px;height:200px;min-width:230px;position:relative;display:grid;place-items:center}.location-ring{position:absolute;border:1px dashed rgba(14,165,233,.3);border-radius:50%}.ring-one{width:130px;height:130px}.ring-two{width:200px;height:200px}.location-pin{width:75px;height:75px;display:grid;place-items:center;border-radius:24px;background:var(--grad-1);color:#fff;box-shadow:0 15px 35px rgba(14,165,233,.25);z-index:2}.location-pin svg{width:35px;height:35px}.contact-cta{padding:1rem 0 6rem}.contact-cta-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:var(--grad-soft-1);border:1px solid var(--border);border-radius:22px}.contact-cta-box span{color:var(--primary);font-size:.75rem;font-weight:900;letter-spacing:2px}.contact-cta-box h2{color:var(--heading);font-size:1.8rem;font-weight:900;margin:.5rem 0}.contact-cta-box p{color:var(--muted);margin:0}@media(max-width:768px){.contact-hero{padding:6rem 0 3rem}.contact-main{padding-top:2rem}.contact-info-card,.contact-form-card{padding:1.4rem;border-radius:17px}.contact-location-box{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem}.location-illustration{width:100%;min-width:0;height:180px}.contact-cta-box{flex-direction:column;align-items:flex-start;padding:2rem}.contact-submit{width:100%}}
/* ===== Pricing Page ===== */
.pricing-page{background:var(--bg-2);overflow:hidden}.pricing-hero{padding:7rem 0 4rem;text-align:center;background:linear-gradient(180deg,#fff,var(--bg-2));border-bottom:1px solid var(--border)}.pricing-hero h1{margin:1rem 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.5;font-weight:900;color:var(--heading)}.pricing-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-hero p{max-width:680px;margin:auto;color:var(--muted);line-height:2}.pricing-section{padding:3rem 0 5rem}.pricing-switch{width:max-content;margin:0 auto 2.5rem;padding:5px;background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;box-shadow:var(--shadow-sm)}.pricing-switch button{border:0;background:transparent;padding:.55rem 1.2rem;border-radius:8px;color:var(--muted);font-family:inherit;font-size:.8rem;cursor:pointer}.pricing-switch button.active{background:var(--grad-1);color:#fff;box-shadow:0 5px 15px rgba(14,165,233,.18)}.pricing-switch button span{font-size:.65rem;margin-right:4px}.pricing-card-new{position:relative;height:100%;padding:2rem;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);transition:.25s;overflow:hidden}.pricing-card-new:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.pricing-card-new.featured{border:2px solid var(--primary);box-shadow:0 15px 45px rgba(14,165,233,.12)}.pricing-card-new.featured:before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-80px;border-radius:50%;background:var(--grad-soft-1)}.pricing-badge{position:absolute;top:18px;left:18px;padding:.35rem .65rem;background:var(--grad-soft-1);color:var(--primary);border-radius:20px;font-size:.65rem;font-weight:800}.pricing-plan-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;background:var(--grad-soft-1);color:var(--primary);font-size:1.5rem;font-weight:900}.pricing-card-new h2{margin:1.2rem 0 .25rem;color:var(--heading);font-size:1.35rem;font-weight:900}.pricing-subtitle{color:var(--soft);font-size:.75rem;margin:0}.pricing-price{display:flex;align-items:end;gap:7px;margin:1.8rem 0}.pricing-price strong{color:var(--heading);font-size:2.5rem;font-weight:900;line-height:1}.pricing-price span{color:var(--soft);font-size:.7rem;margin-bottom:3px}.pricing-divider{height:1px;background:var(--border-2);margin:1.5rem 0}.pricing-card-new ul{list-style:none;padding:0;margin:0 0 1.5rem}.pricing-card-new li{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem;line-height:1.8;margin-bottom:.75rem}.pricing-check{width:22px;height:22px;min-width:22px;display:grid;place-items:center;border-radius:7px;background:var(--success-soft);color:var(--success)}.pricing-check svg{width:14px;height:14px}.pricing-btn{width:100%;margin-top:auto}.pricing-features{padding:6rem 0;background:#fff}.pricing-feature{height:100%;padding:1.6rem;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;text-align:center;transition:.25s}.pricing-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pricing-feature>div{width:50px;height:50px;margin:auto;display:grid;place-items:center;border-radius:14px;background:var(--grad-soft-1);color:var(--primary);font-size:1.4rem;font-weight:900}.pricing-feature h3{margin:1rem 0 .5rem;color:var(--heading);font-size:.95rem;font-weight:900}.pricing-feature p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.9}.pricing-faq{padding:6rem 0;background:var(--bg-2)}.faq-list{max-width:850px;margin:auto}.faq-item{background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:12px;padding:0 1.3rem;box-shadow:var(--shadow-sm)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;color:var(--heading);font-size:.85rem;font-weight:800;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--grad-soft-1);color:var(--primary);font-size:1rem}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 0 1.2rem;color:var(--muted);font-size:.8rem;line-height:2}.pricing-cta{padding:1rem 0 6rem;background:var(--bg-2)}.pricing-cta-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:linear-gradient(135deg,#eefcff,#f6f3ff);border:1px solid var(--border);border-radius:22px}.pricing-cta-box>div:first-child>span{color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:2px}.pricing-cta-box h2{margin:.5rem 0;color:var(--heading);font-size:1.8rem;font-weight:900}.pricing-cta-box p{margin:0;color:var(--muted)}@media(max-width:768px){.pricing-hero{padding:6rem 0 3rem}.pricing-section{padding-top:2rem}.pricing-switch{width:100%;justify-content:center}.pricing-switch button{flex:1}.pricing-cta-box{flex-direction:column;align-items:flex-start;padding:2rem}.pricing-cta-box .public-btn{width:100%}}

/* ===== Exchanges Page ===== */
.exchanges-page{background:var(--bg-2);overflow:hidden}.exchanges-hero{padding:7rem 0 5rem;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border-bottom:1px solid var(--border)}.exchanges-hero h1{margin:1rem 0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.45;font-weight:900;color:var(--heading)}.exchanges-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.exchanges-hero p{max-width:650px;color:var(--muted);line-height:2;font-size:1rem}.exchange-hero-stats{display:flex;gap:2rem;margin-top:2rem}.exchange-hero-stats div{display:flex;flex-direction:column}.exchange-hero-stats strong{color:var(--heading);font-size:1.25rem;font-weight:900}.exchange-hero-stats span{color:var(--soft);font-size:.68rem;margin-top:3px}.exchange-hero-visual{height:410px;position:relative;display:flex;align-items:center;justify-content:center}.exchange-orbit{position:absolute;border:1px dashed rgba(100,116,139,.22);border-radius:50%}.orbit-a{width:210px;height:210px}.orbit-b{width:310px;height:310px}.orbit-c{width:390px;height:390px}.exchange-center{width:155px;height:155px;background:#fff;border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:3}.exchange-center-icon{width:52px;height:52px;border-radius:15px;background:var(--grad-soft-1);color:var(--primary);display:grid;place-items:center;margin-bottom:7px}.exchange-center-icon svg{width:27px;height:27px}.exchange-center strong{font-size:.72rem;color:var(--heading);letter-spacing:1.5px}.exchange-center small{font-size:.58rem;color:var(--soft);margin-top:3px}.exchange-floating{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);font-size:.72rem;font-weight:800;color:var(--heading)}.exchange-floating b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--grad-soft-1);color:var(--primary)}.ef-one{right:4%;top:40px}.ef-two{left:2%;top:145px}.ef-three{right:10%;bottom:45px}.exchange-list-section{padding:5rem 0}.exchange-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.exchange-toolbar h2{margin:.8rem 0 .25rem;color:var(--heading);font-size:1.8rem;font-weight:900}.exchange-toolbar p{margin:0;color:var(--muted);font-size:.82rem}.exchange-search{width:280px;height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#fff;border:1px solid var(--border);border-radius:12px}.exchange-search svg{width:19px;color:var(--soft)}.exchange-search input{border:0;outline:0;width:100%;background:transparent;color:var(--text);font-family:inherit;font-size:.78rem}.exchange-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:1.8rem}.exchange-filters button{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:9px;padding:.5rem .9rem;font-family:inherit;font-size:.72rem;cursor:pointer;transition:.2s}.exchange-filters button:hover{border-color:var(--primary);color:var(--primary)}.exchange-filters button.active{background:var(--grad-1);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(14,165,233,.16)}.exchange-card{height:100%;padding:1.35rem;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);transition:.25s}.exchange-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(14,165,233,.25)}.exchange-card-top{display:flex;align-items:center;gap:10px}.exchange-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--exchange-color) 12%,#fff);color:var(--exchange-color);font-size:1.2rem;font-weight:900}.exchange-title{flex:1}.exchange-title h3{margin:0;color:var(--heading);font-size:.95rem;font-weight:900}.exchange-title span{display:block;color:var(--soft);font-size:.65rem;margin-top:3px}.exchange-status{display:flex;align-items:center;gap:5px;color:var(--success);font-size:.62rem}.exchange-status i,.exchange-api i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.exchange-rating{display:flex;align-items:center;gap:5px;margin:1.3rem 0}.exchange-rating span{color:#f59e0b;font-size:1rem}.exchange-rating strong{color:var(--heading);font-size:.9rem}.exchange-rating small{color:var(--soft);font-size:.62rem;margin-right:3px}.exchange-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:1rem 0;border-block:1px solid var(--border-2)}.exchange-stats div{min-width:0}.exchange-stats small{display:block;color:var(--soft);font-size:.58rem;margin-bottom:4px}.exchange-stats strong{display:block;color:var(--heading);font-size:.73rem;white-space:nowrap}.exchange-api{display:flex;align-items:center;justify-content:space-between;padding-top:1rem}.exchange-api>span{display:flex;align-items:center;gap:5px;color:var(--soft);font-size:.62rem}.exchange-api>span.online{color:var(--success)}.exchange-api a{color:var(--primary);font-size:.67rem;font-weight:800;text-decoration:none}.exchange-empty{text-align:center;padding:5rem 1rem}.exchange-empty>div{font-size:2rem;color:var(--soft)}.exchange-empty h3{color:var(--heading);margin:.7rem 0}.exchange-empty p{color:var(--muted);font-size:.8rem}.exchange-guide{padding:6rem 0;background:#fff}.exchange-guide-card{height:100%;position:relative;padding:1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:17px;transition:.25s}.exchange-guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.exchange-guide-card>span{position:absolute;left:17px;top:15px;color:#d5dde8;font-size:.7rem;font-weight:900}.exchange-guide-icon{width:52px;height:52px;display:grid;place-items:center;background:var(--grad-soft-1);color:var(--primary);border-radius:14px}.exchange-guide-icon svg{width:25px;height:25px}.exchange-guide-card h3{color:var(--heading);font-size:.95rem;font-weight:900;margin:1rem 0 .5rem}.exchange-guide-card p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.9}.exchange-cta{padding:1rem 0 6rem;background:#fff}.exchange-cta-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:linear-gradient(135deg,#eefcff,#f6f3ff);border:1px solid var(--border);border-radius:22px}.exchange-cta-box span{color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:2px}.exchange-cta-box h2{color:var(--heading);font-size:1.8rem;font-weight:900;margin:.5rem 0}.exchange-cta-box p{margin:0;color:var(--muted);max-width:650px}@media(max-width:992px){.exchange-hero-visual{margin-top:1rem}.exchange-toolbar{align-items:stretch;flex-direction:column}.exchange-search{width:100%}}@media(max-width:768px){.exchanges-hero{padding:6rem 0 3rem}.exchange-hero-stats{gap:1rem;flex-wrap:wrap}.exchange-hero-visual{height:340px;transform:scale(.85)}.orbit-a{width:180px;height:180px}.orbit-b{width:270px;height:270px}.orbit-c{width:330px;height:330px}.exchange-floating.ef-one{right:0}.exchange-floating.ef-two{left:0}.exchange-floating.ef-three{right:0}.exchange-cta-box{flex-direction:column;align-items:flex-start;padding:2rem}.exchange-cta-box .public-btn{width:100%}}

/* ===== Exchange Detail ===== */
.exchange-detail-page{background:var(--bg-2);overflow:hidden}.exchange-detail-hero{padding:6.5rem 0 3rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.exchange-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:.68rem;margin-bottom:2rem}.exchange-breadcrumb a{color:var(--soft);text-decoration:none}.exchange-breadcrumb a:hover{color:var(--primary)}.exchange-breadcrumb strong{color:var(--heading)}.exchange-detail-header{display:flex;align-items:center;justify-content:space-between;gap:2rem}.exchange-detail-brand{display:flex;align-items:center;gap:1rem}.exchange-detail-logo{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:var(--grad-1);color:#fff;font-size:1.8rem;font-weight:900;box-shadow:0 12px 30px rgba(14,165,233,.2)}.exchange-detail-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.exchange-detail-title-row h1{margin:0;color:var(--heading);font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900}.exchange-detail-brand p{margin:.35rem 0 0;color:var(--muted);font-size:.75rem}.exchange-verified{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--success-soft);color:var(--success);border-radius:20px;font-size:.6rem;font-weight:800}.exchange-verified svg{width:13px;height:13px}.exchange-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:2.5rem}.exchange-overview-card{padding:1.15rem;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-sm)}.exchange-overview-card span{display:block;color:var(--soft);font-size:.63rem;margin-bottom:.5rem}.exchange-overview-card strong{color:var(--heading);font-size:1.05rem;font-weight:900}.exchange-overview-card .rating-value{color:#f59e0b}.exchange-detail-content{padding:4rem 0}.exchange-detail-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm)}.detail-section-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.detail-section-heading>span{color:var(--primary);font-size:.7rem;font-weight:900;padding-top:5px}.detail-section-heading small{display:block;color:var(--soft);font-size:.65rem;margin-bottom:4px}.detail-section-heading h2{margin:0;color:var(--heading);font-size:1.35rem;font-weight:900}.detail-text{color:var(--muted);font-size:.88rem;line-height:2.1;margin-bottom:1rem}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pros,.cons{padding:1.3rem;border-radius:15px}.pros{background:var(--success-soft)}.cons{background:#fff7ed}.pros h3,.cons h3{display:flex;align-items:center;gap:7px;margin:0 0 1rem;color:var(--heading);font-size:.85rem}.pros h3 i,.cons h3 i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#fff;color:var(--success);font-style:normal}.cons h3 i{color:#ea580c}.pros ul,.cons ul{padding:0 1.1rem;margin:0}.pros li,.cons li{color:var(--muted);font-size:.75rem;line-height:2;margin-bottom:.4rem}.technical-table{border:1px solid var(--border);border-radius:14px;overflow:hidden}.technical-table>div{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid var(--border-2)}.technical-table>div:last-child{border-bottom:0}.technical-table span{color:var(--soft);font-size:.72rem}.technical-table strong{color:var(--heading);font-size:.75rem}.technical-table strong.green{color:var(--success)}.exchange-side-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.6rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm)}.side-card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--grad-soft-1);color:var(--primary);margin-bottom:1rem}.side-card-icon svg{width:27px;height:27px}.exchange-side-card h3{color:var(--heading);font-size:1rem;font-weight:900;margin-bottom:.7rem}.exchange-side-card p{color:var(--muted);font-size:.75rem;line-height:1.9}.side-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;padding:.55rem 0;border-top:1px solid var(--border-2)}.side-check span{width:21px;height:21px;display:grid;place-items:center;background:var(--success-soft);color:var(--success);border-radius:6px}.exchange-side-cta{background:linear-gradient(135deg,#eefcff,#f7f3ff)}.exchange-side-cta>span{color:var(--primary);font-size:.65rem;font-weight:900;letter-spacing:2px}.exchange-side-cta h3{font-size:1.35rem;margin:.7rem 0 .5rem}.exchange-side-cta .public-btn{width:100%;margin-top:.7rem}.exchange-warning{padding:0 0 5rem}.exchange-warning>div>div{padding:1rem 1.3rem;background:#fffbeb;border:1px solid #fde68a;border-radius:14px}.exchange-warning strong{color:#92400e;font-size:.75rem}.exchange-warning p{display:inline;color:#92722e;font-size:.7rem;line-height:1.9;margin:0 0 0 .5rem}@media(max-width:768px){.exchange-detail-hero{padding:5.5rem 0 2rem}.exchange-detail-header{align-items:flex-start;flex-direction:column}.exchange-detail-header .public-btn{width:100%}.exchange-detail-brand{align-items:flex-start}.exchange-detail-logo{width:60px;height:60px;border-radius:17px}.exchange-overview-grid{grid-template-columns:repeat(2,1fr)}.exchange-detail-card{padding:1.4rem}.pros-cons{grid-template-columns:1fr}.exchange-warning p{display:block;margin:.4rem 0 0}}@media(max-width:420px){.exchange-overview-grid{grid-template-columns:1fr 1fr}.exchange-overview-card strong{font-size:.9rem}}


/* ===== Coins Page ===== */
.coins-page{background:var(--bg-2);overflow:hidden}.coins-hero{padding:7rem 0 5rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.coins-hero h1{margin:1rem 0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.45;font-weight:900;color:var(--heading)}.coins-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.coins-hero p{max-width:650px;color:var(--muted);line-height:2;font-size:1rem}.coins-hero-stats{display:flex;gap:2rem;margin-top:2rem}.coins-hero-stats div{display:flex;flex-direction:column}.coins-hero-stats strong{color:var(--heading);font-size:1.2rem;font-weight:900}.coins-hero-stats span{color:var(--soft);font-size:.68rem;margin-top:3px}.coins-hero-visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.coin-orbit{position:absolute;border:1px dashed rgba(100,116,139,.2);border-radius:50%}.coin-orbit-one{width:220px;height:220px}.coin-orbit-two{width:350px;height:350px}.coin-hero-center{width:150px;height:150px;border-radius:50%;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.coin-hero-center>div{width:52px;height:52px;border-radius:15px;background:var(--grad-1);color:#fff;display:grid;place-items:center;font-size:1.7rem;font-weight:900;margin-bottom:6px}.coin-hero-center strong{font-size:.72rem;letter-spacing:1.5px;color:var(--heading)}.coin-hero-center small{font-size:.58rem;color:var(--soft);margin-top:3px}.floating-coin{position:absolute;display:flex;align-items:center;gap:7px;padding:7px 11px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:4;color:var(--heading);font-size:.7rem;font-weight:900}.floating-coin b{width:29px;height:29px;border-radius:9px;background:var(--grad-soft-1);color:var(--primary);display:grid;place-items:center}.fc-btc{right:2%;top:40px}.fc-eth{left:0;top:150px}.fc-sol{right:10%;bottom:35px}.coins-market-section{padding:5rem 0}.coins-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.4rem}.coins-toolbar h2{margin:.7rem 0 .25rem;color:var(--heading);font-size:1.8rem;font-weight:900}.coins-toolbar p{margin:0;color:var(--muted);font-size:.8rem}.coins-search{width:290px;height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#fff;border:1px solid var(--border);border-radius:12px}.coins-search svg{width:19px;color:var(--soft)}.coins-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-family:inherit;font-size:.78rem}.coins-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:1rem}.coins-filters button{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:9px;padding:.5rem .9rem;font-family:inherit;font-size:.72rem;cursor:pointer;transition:.2s}.coins-filters button:hover{border-color:var(--primary);color:var(--primary)}.coins-filters button.active{background:var(--grad-1);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(14,165,233,.15)}.coins-table-wrapper{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.coins-table-head,.coin-row{display:grid;grid-template-columns:45px minmax(190px,1.5fr) 1fr 1fr 1fr 1fr 90px;align-items:center;gap:15px;padding:0 1.2rem}.coins-table-head{height:48px;background:#f8fafc;color:var(--soft);font-size:.62rem;border-bottom:1px solid var(--border)}.coin-row{min-height:78px;border-bottom:1px solid var(--border-2);transition:.2s}.coin-row:last-child{border-bottom:0}.coin-row:hover{background:#fafdff}.coin-rank{color:var(--soft);font-size:.7rem}.coin-name{display:flex;align-items:center;gap:10px}.coin-list-icon{width:42px;height:42px;min-width:42px;border-radius:12px;background:color-mix(in srgb,var(--coin-color) 12%,#fff);color:var(--coin-color);display:grid;place-items:center;font-size:.95rem;font-weight:900}.coin-name strong{display:block;color:var(--heading);font-size:.78rem}.coin-name small{display:block;color:var(--soft);font-size:.62rem;margin-top:2px}.coin-price,.coin-market-cap,.coin-volume{color:var(--heading);font-size:.74rem}.coin-change{font-size:.74rem;font-weight:800}.coin-change.positive{color:var(--success)}.coin-change.negative{color:#ef4444}.coin-view{color:var(--primary);font-size:.65rem;font-weight:800;text-decoration:none;white-space:nowrap}.coins-empty{text-align:center;padding:5rem 1rem}.coins-empty>div{font-size:2rem;color:var(--soft)}.coins-empty h3{color:var(--heading);margin:.7rem 0}.coins-empty p{color:var(--muted);font-size:.8rem}.coins-info{padding:6rem 0;background:#fff}.coin-info-card{height:100%;padding:1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:17px;transition:.25s}.coin-info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.coin-info-icon{width:52px;height:52px;display:grid;place-items:center;background:var(--grad-soft-1);color:var(--primary);border-radius:14px;font-size:1.3rem;font-weight:900}.coin-info-card h3{color:var(--heading);font-size:.95rem;font-weight:900;margin:1rem 0 .5rem}.coin-info-card p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.9}.coins-cta{padding:1rem 0 6rem;background:#fff}.coins-cta-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:linear-gradient(135deg,#eefcff,#f6f3ff);border:1px solid var(--border);border-radius:22px}.coins-cta-box span{color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:2px}.coins-cta-box h2{color:var(--heading);font-size:1.8rem;font-weight:900;margin:.5rem 0}.coins-cta-box p{max-width:650px;margin:0;color:var(--muted)}@media(max-width:992px){.coins-toolbar{align-items:stretch;flex-direction:column}.coins-search{width:100%}.coins-table-wrapper{overflow-x:auto}.coins-table-head,.coin-row{min-width:850px}}@media(max-width:768px){.coins-hero{padding:6rem 0 3rem}.coins-hero-stats{gap:1.2rem;flex-wrap:wrap}.coins-hero-visual{height:330px;transform:scale(.85)}.coin-orbit-one{width:190px;height:190px}.coin-orbit-two{width:290px;height:290px}.fc-btc{right:0}.fc-eth{left:0}.fc-sol{right:0}.coins-cta-box{flex-direction:column;align-items:flex-start;padding:2rem}.coins-cta-box .public-btn{width:100%}}
 
/* ===== Coin Detail ===== */
.coin-detail-page{background:var(--bg-2);overflow:hidden}.coin-detail-hero{padding:6rem 0 3rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.coin-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:.67rem;margin-bottom:2rem}.coin-breadcrumb a{color:var(--soft);text-decoration:none}.coin-breadcrumb a:hover{color:var(--primary)}.coin-breadcrumb strong{color:var(--heading)}.coin-detail-header{display:flex;align-items:center;justify-content:space-between;gap:2rem}.coin-detail-brand{display:flex;align-items:center;gap:1rem}.coin-detail-logo{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--coin-color) 12%,#fff);color:var(--coin-color);border:1px solid color-mix(in srgb,var(--coin-color) 20%,#fff);font-size:1.8rem;font-weight:900}.coin-detail-name{display:flex;align-items:center;gap:9px}.coin-detail-name h1{margin:0;color:var(--heading);font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900}.coin-detail-name span{padding:4px 8px;border-radius:7px;background:#f1f5f9;color:var(--muted);font-size:.62rem;font-weight:800}.coin-detail-brand p{margin:.35rem 0 0;color:var(--soft);font-size:.72rem}.coin-rank-box{display:flex;flex-direction:column;align-items:flex-end}.coin-rank-box small{color:var(--soft);font-size:.62rem}.coin-rank-box strong{color:var(--heading);font-size:1.3rem;margin-top:4px}.coin-price-header{display:flex;align-items:end;justify-content:space-between;margin-top:2.5rem}.coin-price-header>div:first-child{display:flex;align-items:end;gap:12px}.coin-price-header>div:first-child>span{color:var(--soft);font-size:.65rem;margin-bottom:6px}.coin-price-header strong{color:var(--heading);font-size:2.3rem;font-weight:900;line-height:1}.coin-price-header b{font-size:.75rem;margin-bottom:4px}.positive{color:var(--success)!important}.negative{color:#ef4444!important}.coin-live{display:flex;align-items:center;gap:6px;color:var(--soft);font-size:.63rem}.coin-live i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.coin-live span{padding:3px 6px;background:var(--success-soft);color:var(--success);border-radius:5px;font-size:.55rem;font-weight:900}.coin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:2rem}.coin-stat-grid>div{padding:1rem;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.coin-stat-grid span{display:block;color:var(--soft);font-size:.61rem;margin-bottom:6px}.coin-stat-grid strong{color:var(--heading);font-size:.78rem}.coin-chart-section{padding:2rem 0 1rem}.coin-chart-card{padding:1.5rem;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm)}.coin-chart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.coin-chart-header span{color:var(--soft);font-size:.63rem}.coin-chart-header h2{margin:4px 0 0;color:var(--heading);font-size:1rem;font-weight:900}.coin-timeframes{display:flex;gap:4px;padding:4px;background:#f8fafc;border-radius:9px}.coin-timeframes button{border:0;background:transparent;color:var(--soft);padding:6px 9px;border-radius:6px;font-family:inherit;font-size:.6rem;cursor:pointer}.coin-timeframes button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.fake-chart{height:300px;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#fff)}.chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid span{width:100%;height:1px;background:#eef2f7}.chart-line{position:absolute;inset:0;width:100%;height:100%;padding:10px 0}.chart-price-label{position:absolute;right:8px;top:18px;padding:5px 8px;background:var(--primary);color:#fff;border-radius:6px;font-size:.58rem;font-weight:800}.chart-note{margin-top:1rem;padding:.7rem 1rem;background:#f8fafc;border-radius:9px;color:var(--soft);font-size:.61rem}.chart-note span{color:var(--primary);margin-left:4px}.coin-detail-content{padding:3rem 0}.coin-detail-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm)}.coin-section-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.coin-section-heading>span{color:var(--primary);font-size:.68rem;font-weight:900;padding-top:4px}.coin-section-heading small{display:block;color:var(--soft);font-size:.62rem;margin-bottom:4px}.coin-section-heading h2{margin:0;color:var(--heading);font-size:1.3rem;font-weight:900}.coin-detail-card>p{color:var(--muted);font-size:.84rem;line-height:2.1;margin-bottom:1rem}.coin-market-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:14px;overflow:hidden}.coin-market-table>div{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--border-2)}.coin-market-table>div:nth-last-child(-n+2){border-bottom:0}.coin-market-table>div:nth-child(odd){border-left:1px solid var(--border-2)}.coin-market-table span{color:var(--soft);font-size:.68rem}.coin-market-table strong{color:var(--heading);font-size:.72rem}.coin-analysis-placeholder{text-align:center;padding:2.5rem 1rem;background:linear-gradient(135deg,#f7fcff,#faf8ff);border:1px dashed #dbe5ef;border-radius:16px}.coin-analysis-placeholder>div{width:55px;height:55px;display:grid;place-items:center;margin:auto;background:var(--grad-soft-1);color:var(--primary);border-radius:15px}.coin-analysis-placeholder svg{width:27px;height:27px}.coin-analysis-placeholder h3{color:var(--heading);font-size:1rem;font-weight:900;margin:1rem 0 .5rem}.coin-analysis-placeholder p{max-width:550px;margin:0 auto 1.2rem;color:var(--muted);font-size:.75rem;line-height:2}.coin-analysis-placeholder .public-btn{display:inline-flex;gap:7px}.coin-analysis-placeholder .public-btn svg,.coin-side-card .public-btn svg{width:16px;height:16px}.coin-side-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.5rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm)}.coin-side-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--grad-soft-1);color:var(--primary);margin-bottom:1rem}.coin-side-icon svg{width:26px;height:26px}.coin-side-card>span{color:var(--primary);font-size:.62rem;font-weight:900;letter-spacing:1.5px}.coin-side-card h3{color:var(--heading);font-size:1rem;font-weight:900;margin:.55rem 0 .7rem}.coin-side-card>p{color:var(--muted);font-size:.72rem;line-height:1.9}.coin-side-status{display:flex;align-items:center;gap:6px;color:var(--success);font-size:.65rem;margin-bottom:.8rem}.coin-side-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.coin-side-card .public-btn{width:100%;gap:7px;margin-top:.7rem}.quick-info{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-top:1px solid var(--border-2)}.quick-info span{color:var(--soft);font-size:.67rem}.quick-info strong{color:var(--heading);font-size:.7rem}.coin-warning{padding:0 0 5rem}.coin-warning>div>div{padding:1rem 1.3rem;background:#fffbeb;border:1px solid #fde68a;border-radius:14px}.coin-warning strong{color:#92400e;font-size:.72rem}.coin-warning p{margin:.35rem 0 0;color:#92722e;font-size:.68rem;line-height:1.9}@media(max-width:992px){.coin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.coin-detail-hero{padding:5.5rem 0 2rem}.coin-detail-header{align-items:flex-start}.coin-detail-logo{width:60px;height:60px;border-radius:17px}.coin-detail-name h1{font-size:1.5rem}.coin-rank-box{margin-right:auto}.coin-price-header{align-items:flex-start;flex-direction:column;gap:1rem}.coin-price-header strong{font-size:1.9rem}.coin-timeframes{overflow-x:auto}.coin-chart-header{align-items:flex-start;flex-direction:column}.fake-chart{height:230px}.coin-detail-card{padding:1.4rem}.coin-market-table{grid-template-columns:1fr}.coin-market-table>div:nth-child(odd){border-left:0}.coin-market-table>div:nth-child(-n+6){border-bottom:1px solid var(--border-2)}.coin-market-table>div:last-child{border-bottom:0}}@media(max-width:480px){.coin-stat-grid{grid-template-columns:1fr 1fr}.coin-stat-grid strong{font-size:.68rem}.coin-detail-brand{gap:.7rem}}

/* ===== Listings Page ===== */
.listings-page{background:var(--bg-2);overflow:hidden}.listings-hero{padding:7rem 0 5rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.listings-hero h1{margin:1rem 0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.45;font-weight:900;color:var(--heading)}.listings-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.listings-hero p{max-width:650px;color:var(--muted);font-size:1rem;line-height:2}.listing-hero-stats{display:flex;gap:2rem;margin-top:2rem}.listing-hero-stats div{display:flex;flex-direction:column}.listing-hero-stats strong{color:var(--heading);font-size:1.25rem;font-weight:900}.listing-hero-stats span{color:var(--soft);font-size:.67rem;margin-top:3px}.listing-hero-visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.listing-radar{width:330px;height:330px;border:1px dashed rgba(100,116,139,.22);border-radius:50%;position:absolute}.listing-radar:before,.listing-radar:after{content:"";position:absolute;inset:45px;border:1px dashed rgba(14,165,233,.14);border-radius:50%}.listing-radar:after{inset:105px}.listing-center{width:145px;height:145px;border-radius:50%;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.listing-center>div{width:50px;height:50px;border-radius:15px;background:var(--grad-1);color:#fff;display:grid;place-items:center;font-size:1.6rem;font-weight:900}.listing-center strong{color:var(--heading);font-size:.72rem;letter-spacing:2px;margin-top:6px}.listing-center small{color:var(--soft);font-size:.55rem;margin-top:2px}.listing-floating{position:absolute;display:flex;align-items:center;gap:7px;padding:7px 11px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:4;color:var(--heading);font-size:.7rem;font-weight:900}.listing-floating b{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--grad-soft-1);color:var(--primary)}.lf-one{right:3%;top:40px}.lf-two{left:0;top:145px}.lf-three{right:8%;bottom:35px}.upcoming-section{padding:5rem 0;background:#fff}.listing-section-title{text-align:right;margin-bottom:2rem}.upcoming-card{position:relative;height:100%;padding:1.5rem;background:linear-gradient(135deg,#fff,#f7fcff);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden}.upcoming-card:before{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:var(--grad-1)}.upcoming-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.upcoming-coin{display:flex;align-items:center;gap:10px}.listing-logo{width:46px;height:46px;min-width:46px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--listing-color) 12%,#fff);color:var(--listing-color);font-size:1rem;font-weight:900}.upcoming-coin h3{margin:0;color:var(--heading);font-size:.9rem;font-weight:900}.upcoming-coin span{display:block;color:var(--soft);font-size:.62rem;margin-top:3px}.upcoming-label{padding:5px 9px;background:#eff6ff;color:var(--primary);border-radius:20px;font-size:.6rem;font-weight:800}.upcoming-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:1.4rem 0;padding:1rem 0;border-block:1px solid var(--border-2)}.upcoming-info span{display:block;color:var(--soft);font-size:.58rem;margin-bottom:5px}.upcoming-info strong{display:block;color:var(--heading);font-size:.68rem}.upcoming-countdown-title{text-align:center;color:var(--soft);font-size:.63rem;margin-bottom:.7rem}.listing-countdown{display:flex;align-items:center;justify-content:center;gap:6px}.listing-countdown div{display:flex;flex-direction:column;align-items:center;min-width:48px}.listing-countdown strong{color:var(--heading);font-size:1.15rem;font-weight:900}.listing-countdown span{color:var(--soft);font-size:.5rem;margin-top:2px}.listing-countdown i{color:#cbd5e1;font-style:normal}.listing-details-btn{display:block;text-align:center;margin-top:1.2rem;padding:.65rem;background:var(--grad-soft-1);color:var(--primary);border-radius:9px;text-decoration:none;font-size:.65rem;font-weight:800}.all-listings-section{padding:6rem 0}.listing-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.listing-toolbar h2{margin:.7rem 0 .25rem;color:var(--heading);font-size:1.8rem;font-weight:900}.listing-toolbar p{margin:0;color:var(--muted);font-size:.8rem}.listing-search{width:290px;height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#fff;border:1px solid var(--border);border-radius:12px}.listing-search svg{width:19px;color:var(--soft)}.listing-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-family:inherit;font-size:.78rem}.listing-filters{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.listing-status-filters{display:flex;gap:6px;flex-wrap:wrap}.listing-status-filters button{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:9px;padding:.5rem .9rem;font-family:inherit;font-size:.7rem;cursor:pointer}.listing-status-filters button.active{background:var(--grad-1);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(14,165,233,.15)}.listing-filters select{height:37px;border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:9px;padding:0 .8rem;font-family:inherit;font-size:.68rem;outline:0}.listing-table{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.listing-table-head,.listing-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.2fr 80px;align-items:center;gap:12px;padding:0 1.2rem}.listing-table-head{height:48px;background:#f8fafc;color:var(--soft);font-size:.6rem;border-bottom:1px solid var(--border)}.listing-row{min-height:75px;border-bottom:1px solid var(--border-2)}.listing-row:last-child{border-bottom:0}.listing-row:hover{background:#fbfdff}.listing-coin-cell{display:flex;align-items:center;gap:9px}.listing-coin-cell strong{display:block;color:var(--heading);font-size:.72rem}.listing-coin-cell small{display:block;color:var(--soft);font-size:.59rem;margin-top:2px}.listing-exchange,.listing-pair,.listing-network,.listing-date{color:var(--heading);font-size:.68rem}.listing-status{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:800}.listing-status.upcoming{color:#0284c7}.listing-status.live{color:var(--success)}.listing-status.completed{color:var(--soft)}.listing-status-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#f1f5f9;font-size:.55rem}.listing-status-icon.upcoming{background:#eff6ff}.listing-status-icon.live{background:var(--success-soft)}.listing-view{color:var(--primary);font-size:.62rem;font-weight:800;text-decoration:none;white-space:nowrap}.listing-empty{text-align:center;padding:5rem 1rem}.listing-empty>div{font-size:2rem;color:var(--soft)}.listing-empty h3{color:var(--heading);margin:.7rem 0}.listing-empty p{color:var(--muted);font-size:.78rem}.listing-info{padding:6rem 0;background:#fff}.listing-info-card{height:100%;padding:1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:17px;transition:.25s}.listing-info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.listing-info-card>div{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--grad-soft-1);color:var(--primary);font-size:1.35rem;font-weight:900}.listing-info-card h3{color:var(--heading);font-size:.95rem;font-weight:900;margin:1rem 0 .5rem}.listing-info-card p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.9}.listing-cta{padding:1rem 0 6rem;background:#fff}.listing-cta-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:linear-gradient(135deg,#eefcff,#f6f3ff);border:1px solid var(--border);border-radius:22px}.listing-cta-box>div>span{color:var(--primary);font-size:.68rem;font-weight:900;letter-spacing:2px}.listing-cta-box h2{color:var(--heading);font-size:1.8rem;font-weight:900;margin:.5rem 0}.listing-cta-box p{max-width:650px;margin:0;color:var(--muted)}@media(max-width:992px){.listing-toolbar{align-items:stretch;flex-direction:column}.listing-search{width:100%}.listing-table{overflow-x:auto}.listing-table-head,.listing-row{min-width:900px}}@media(max-width:768px){.listings-hero{padding:6rem 0 3rem}.listing-hero-stats{gap:1.2rem;flex-wrap:wrap}.listing-hero-visual{height:330px;transform:scale(.85)}.lf-one{right:0}.lf-two{left:0}.lf-three{right:0}.listing-filters{align-items:stretch;flex-direction:column}.listing-filters select{width:100%}.upcoming-info{gap:5px}.listing-cta-box{flex-direction:column;align-items:flex-start;padding:2rem}.listing-cta-box .public-btn{width:100%}}

/* ===== News Page ===== */
.news-page{background:var(--bg-2);overflow:hidden}.news-hero{padding:7rem 0 4rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.news-hero-top{display:flex;align-items:end;justify-content:space-between;gap:2rem}.news-hero h1{margin:1rem 0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.45;font-weight:900;color:var(--heading)}.news-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.news-hero p{max-width:650px;color:var(--muted);font-size:1rem;line-height:2}.news-live-box{display:flex;align-items:center;gap:10px;padding:.9rem 1rem;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);min-width:260px}.news-live-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px var(--success-soft)}.news-live-box div{display:flex;flex-direction:column;flex:1}.news-live-box strong{color:var(--heading);font-size:.7rem}.news-live-box span{color:var(--soft);font-size:.56rem;margin-top:3px}.news-live-box>b{color:var(--success);font-size:.58rem}.featured-news-section{padding:3rem 0 1rem}.featured-news{display:grid;grid-template-columns:1fr 1.2fr;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);min-height:350px}.featured-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#eafaff,#f5f0ff);display:flex;align-items:center;justify-content:center}.featured-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(14,165,233,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.07) 1px,transparent 1px);background-size:35px 35px;transform:perspective(500px) rotateX(55deg) scale(1.5);transform-origin:center bottom}.featured-coin{position:relative;width:150px;height:150px;border-radius:50%;background:#fff;border:1px solid rgba(14,165,233,.15);box-shadow:0 25px 70px rgba(14,165,233,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.featured-coin span{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:var(--grad-1);color:#fff;font-size:2rem;font-weight:900}.featured-coin strong{color:var(--heading);font-size:.7rem;letter-spacing:2px;margin-top:8px}.featured-floating{position:absolute;padding:7px 11px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);color:var(--heading);font-size:.62rem;font-weight:900;z-index:3}.ff-one{right:12%;top:18%}.ff-two{left:12%;bottom:20%;color:var(--primary)}.featured-content{padding:2.8rem;display:flex;flex-direction:column;justify-content:center}.news-meta{display:flex;align-items:center;gap:10px;color:var(--soft);font-size:.62rem}.news-category{padding:5px 9px;border-radius:20px;background:var(--grad-soft-1);color:var(--primary);font-weight:800}.featured-content h2{max-width:700px;color:var(--heading);font-size:clamp(1.4rem,3vw,2rem);line-height:1.7;font-weight:900;margin:1rem 0}.featured-content>p{max-width:650px;color:var(--muted);font-size:.82rem;line-height:2}.featured-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.featured-footer>span{color:var(--soft);font-size:.62rem}.featured-footer .public-btn{gap:7px}.featured-footer svg,.news-read-more svg,.news-pulse-link svg,.news-cta-box svg{width:16px;height:16px}.news-list-section{padding:5rem 0}.news-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.3rem}.news-toolbar h2{margin:.7rem 0 .25rem;color:var(--heading);font-size:1.8rem;font-weight:900}.news-toolbar p{margin:0;color:var(--muted);font-size:.78rem}.news-search{width:290px;height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#fff;border:1px solid var(--border);border-radius:12px}.news-search svg{width:19px;color:var(--soft)}.news-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-family:inherit;font-size:.78rem}.news-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.4rem}.news-categories button{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:9px;padding:.5rem .9rem;font-family:inherit;font-size:.68rem;cursor:pointer;transition:.2s}.news-categories button:hover{border-color:var(--primary);color:var(--primary)}.news-categories button.active{background:var(--grad-1);border-color:transparent;color:#fff}.news-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.news-cover{height:185px;position:relative;overflow:hidden;padding:1.1rem;background:linear-gradient(135deg,#e9faff,#f5f0ff)}.news-cover.bearish{background:linear-gradient(135deg,#fff1f2,#fff7ed)}.news-cover.neutral{background:linear-gradient(135deg,#f1f5f9,#eff6ff)}.news-cover-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.news-cover-top span{padding:5px 8px;border-radius:20px;background:rgba(255,255,255,.8);color:var(--primary);font-size:.57rem;font-weight:800}.news-cover-top small{color:var(--soft);font-size:.55rem}.news-cover-symbol{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:3.5rem;font-weight:900;color:rgba(14,165,233,.15);letter-spacing:2px;z-index:2}.news-cover.bearish .news-cover-symbol{color:rgba(239,68,68,.14)}.news-cover-pattern{position:absolute;inset:-50%;background:repeating-linear-gradient(45deg,transparent 0 25px,rgba(255,255,255,.35) 25px 26px);transform:rotate(15deg)}.news-card-body{padding:1.35rem}.news-card-source{display:flex;align-items:center;gap:6px;color:var(--soft);font-size:.58rem}.news-card-source i{width:5px;height:5px;background:var(--success);border-radius:50%}.news-card-body h3{color:var(--heading);font-size:.88rem;line-height:1.8;font-weight:900;margin:.7rem 0}.news-card-body p{color:var(--muted);font-size:.69rem;line-height:1.9;margin-bottom:1rem}.news-read-more{display:flex;align-items:center;gap:5px;color:var(--primary);font-size:.62rem;font-weight:800;text-decoration:none}.news-read-more svg{width:14px;height:14px}.news-empty{text-align:center;padding:5rem 1rem}.news-empty>div{font-size:2rem;color:var(--soft)}.news-empty h3{color:var(--heading);margin:.6rem 0}.news-empty p{color:var(--muted);font-size:.75rem}.news-pulse{padding:5rem 0;background:#fff;border-block:1px solid var(--border)}.news-pulse-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.news-pulse-header h2{margin:.7rem 0 0;color:var(--heading);font-size:1.5rem;font-weight:900}.news-pulse-link{display:flex;align-items:center;gap:5px;color:var(--primary);text-decoration:none;font-size:.65rem;font-weight:800}.market-pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pulse-card{padding:1.2rem;background:#f8fafc;border:1px solid var(--border);border-radius:15px}.pulse-card span{display:block;color:var(--soft);font-size:.62rem}.pulse-card strong{display:block;color:var(--heading);font-size:1rem;margin:.5rem 0}.pulse-card b{font-size:.65rem}.news-cta{padding:1rem 0 6rem;background:#fff}.news-cta-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:linear-gradient(135deg,#eefcff,#f6f3ff);border:1px solid var(--border);border-radius:22px}.news-cta-box>div>span{color:var(--primary);font-size:.68rem;font-weight:900;letter-spacing:2px}.news-cta-box h2{color:var(--heading);font-size:1.8rem;font-weight:900;margin:.5rem 0}.news-cta-box p{max-width:650px;color:var(--muted);margin:0;font-size:.78rem}.news-cta-box .public-btn{display:flex;align-items:center;gap:7px;white-space:nowrap}@media(max-width:992px){.featured-news{grid-template-columns:1fr}.featured-visual{height:280px}.news-toolbar{align-items:stretch;flex-direction:column}.news-search{width:100%}.market-pulse-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.news-hero{padding:6rem 0 3rem}.news-hero-top{align-items:flex-start;flex-direction:column}.news-live-box{width:100%}.featured-content{padding:1.5rem}.featured-footer{align-items:flex-start;flex-direction:column}.news-cta-box{align-items:flex-start;flex-direction:column;padding:2rem}.news-cta-box .public-btn{width:100%;justify-content:center}}@media(max-width:480px){.market-pulse-grid{grid-template-columns:1fr 1fr}.pulse-card{padding:.9rem}.pulse-card strong{font-size:.85rem}}

/* ===== News Detail ===== */
.news-detail-page{background:var(--bg-2);overflow:hidden}.news-detail-header{padding:6.5rem 0 2rem;background:linear-gradient(180deg,#fff,#f8fbff);border-bottom:1px solid var(--border)}.news-detail-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:.65rem;margin-bottom:2rem}.news-detail-breadcrumb a{color:var(--soft);text-decoration:none}.news-detail-breadcrumb a:hover{color:var(--primary)}.news-detail-breadcrumb strong{color:var(--heading)}.news-detail-meta{display:flex;align-items:center;gap:9px;color:var(--soft);font-size:.62rem}.news-detail-meta span{padding:5px 10px;background:var(--grad-soft-1);color:var(--primary);border-radius:20px;font-weight:800}.news-detail-meta i{width:4px;height:4px;border-radius:50%;background:#cbd5e1}.news-detail-meta small{font-size:.61rem}.news-detail-header h1{max-width:900px;color:var(--heading);font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.65;font-weight:900;margin:1rem 0}.news-detail-intro{max-width:850px;color:var(--muted);font-size:.92rem;line-height:2.1;margin:0}.news-author-row{display:flex;align-items:center;justify-content:space-between;margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid var(--border-2)}.news-author{display:flex;align-items:center;gap:9px}.news-author>div{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--grad-1);color:#fff;font-weight:900}.news-author span{display:flex;flex-direction:column}.news-author strong{color:var(--heading);font-size:.66rem}.news-author small{color:var(--soft);font-size:.57rem;margin-top:3px}.news-share{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:.6rem}.news-share button{width:32px;height:32px;border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:9px;cursor:pointer}.news-detail-cover-section{padding:2rem 0}.news-detail-cover{height:400px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#e9faff,#f3efff);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm)}.news-detail-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px);background-size:40px 40px;transform:perspective(600px) rotateX(55deg) scale(1.5);transform-origin:center bottom}.news-detail-symbol{position:relative;z-index:2;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(14,165,233,.15);box-shadow:0 25px 80px rgba(14,165,233,.2);color:rgba(14,165,233,.7);font-size:4rem;font-weight:900}.news-detail-cover-badge{position:absolute;top:25px;right:25px;padding:7px 11px;background:rgba(255,255,255,.8);border:1px solid var(--border);border-radius:8px;color:var(--primary);font-size:.57rem;font-weight:900;letter-spacing:1.5px;z-index:3}.news-detail-cover-line{position:absolute;width:70%;height:1px;background:rgba(14,165,233,.12);transform:rotate(-18deg)}.news-article-section{padding:2rem 0 5rem}.news-article{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-sm)}.news-article p{color:var(--muted);font-size:.88rem;line-height:2.25;margin:0 0 1.3rem}.article-lead{padding:1.2rem 1.3rem;margin-bottom:2rem;background:linear-gradient(135deg,#f1fbff,#faf7ff);border-right:4px solid var(--primary);border-radius:10px;color:var(--heading);font-size:.9rem;font-weight:600;line-height:2}.news-article h2{color:var(--heading);font-size:1.3rem;font-weight:900;margin:2rem 0 1rem}.article-highlight{margin:2rem 0;padding:1.3rem;background:#f8fafc;border:1px solid var(--border);border-radius:14px}.article-highlight>div{display:flex;align-items:center;gap:8px;margin-bottom:.7rem}.article-highlight span{color:var(--primary);font-size:.57rem;font-weight:900;letter-spacing:1.5px}.article-highlight strong{color:var(--heading);font-size:.8rem}.article-highlight p{margin:0;font-size:.76rem}.article-checklist{margin:2rem 0;padding:1.4rem;background:#fbfdff;border:1px solid var(--border);border-radius:15px}.article-checklist h3{color:var(--heading);font-size:.85rem;margin:0 0 .8rem;font-weight:900}.article-checklist div{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;padding:.55rem 0;border-top:1px solid var(--border-2)}.article-checklist div span{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:var(--success-soft);color:var(--success);font-size:.6rem}.article-disclaimer{padding:1rem 1.2rem;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-top:2rem}.article-disclaimer strong{color:#92400e;font-size:.7rem}.article-disclaimer p{color:#92722e;font-size:.66rem;line-height:1.9;margin:.35rem 0 0}.news-side-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.4rem;margin-bottom:1.1rem;box-shadow:var(--shadow-sm)}.news-side-heading span{color:var(--primary);font-size:.58rem;font-weight:900;letter-spacing:1.5px}.news-side-heading h3{color:var(--heading);font-size:1rem;font-weight:900;margin:.5rem 0 1rem}.related-news{display:flex;align-items:center;gap:9px;padding:.8rem 0;border-top:1px solid var(--border-2);text-decoration:none}.related-symbol{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:10px;background:var(--grad-soft-1);color:var(--primary);font-size:.72rem;font-weight:900}.related-news strong{display:block;color:var(--heading);font-size:.67rem;line-height:1.7}.related-news span{display:block;color:var(--soft);font-size:.55rem;margin-top:3px}.news-market-card>span,.news-analysis-card>span{color:var(--primary);font-size:.58rem;font-weight:900;letter-spacing:1.5px}.news-market-card h3{color:var(--heading);font-size:1rem;margin:.5rem 0 1rem;font-weight:900}.mini-market{border:1px solid var(--border);border-radius:11px;overflow:hidden}.mini-market div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:6px;padding:.7rem;border-bottom:1px solid var(--border-2)}.mini-market div:last-child{border-bottom:0}.mini-market small{color:var(--soft);font-size:.6rem}.mini-market strong{color:var(--heading);font-size:.65rem}.mini-market b{color:var(--success);font-size:.58rem}.news-market-link{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:1rem;color:var(--primary);font-size:.61rem;font-weight:800;text-decoration:none}.news-market-link svg{width:14px}.news-analysis-card{background:linear-gradient(135deg,#eefcff,#f7f3ff)}.news-analysis-card h3{color:var(--heading);font-size:1.1rem;line-height:1.7;margin:.7rem 0}.news-analysis-card p{color:var(--muted);font-size:.7rem;line-height:1.9}.news-analysis-card .public-btn{width:100%;display:flex;justify-content:center;gap:6px}.news-analysis-card .public-btn svg{width:15px}.news-detail-bottom{padding:0 0 6rem}.news-detail-bottom-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.5rem 3rem;background:linear-gradient(135deg,#eefcff,#f6f3ff);border:1px solid var(--border);border-radius:20px}.news-detail-bottom-box span{color:var(--primary);font-size:.62rem;font-weight:900;letter-spacing:1.5px}.news-detail-bottom-box h2{color:var(--heading);font-size:1.45rem;margin:.5rem 0 0;font-weight:900}.news-detail-bottom-box .public-btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.news-detail-bottom-box svg{width:15px}.news-not-found{min-height:80vh;display:grid;place-items:center;text-align:center}.news-not-found span{font-size:5rem;color:#dbe5ef;font-weight:900}.news-not-found h1{color:var(--heading)}.news-not-found p{color:var(--muted);margin-bottom:1.5rem}@media(max-width:992px){.news-detail-cover{height:320px}.news-article{padding:1.6rem}}@media(max-width:768px){.news-detail-header{padding:5.5rem 0 2rem}.news-detail-header h1{font-size:1.6rem}.news-detail-intro{font-size:.8rem}.news-author-row{align-items:flex-start;flex-direction:column;gap:1rem}.news-share{width:100%;justify-content:flex-end}.news-detail-cover{height:250px}.news-detail-symbol{width:130px;height:130px;font-size:2.7rem}.news-detail-cover-badge{top:15px;right:15px}.news-article{padding:1.3rem}.news-article h2{font-size:1.1rem}.news-article p{font-size:.8rem}.news-detail-bottom-box{align-items:flex-start;flex-direction:column;padding:2rem}.news-detail-bottom-box .public-btn{width:100%;justify-content:center}}

/* ===== Analysis Page ===== */
.analysis-page{background:var(--bg-2);overflow:hidden}.analysis-hero{padding:7rem 0 2rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.analysis-hero-content{text-align:center;max-width:780px;margin:auto}.analysis-hero h1{margin:1rem 0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.45;color:var(--heading);font-weight:900}.analysis-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.analysis-hero p{max-width:650px;margin:auto;color:var(--muted);font-size:.95rem;line-height:2}.analysis-market-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:3rem;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}.analysis-market-bar>div{padding:1rem 1.2rem;background:#fff}.analysis-market-bar span{display:block;color:var(--soft);font-size:.58rem;margin-bottom:5px}.analysis-market-bar strong{color:var(--heading);font-size:.72rem}.analysis-market-bar strong i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);margin-left:5px;box-shadow:0 0 0 4px var(--success-soft)}.analysis-main{padding:3rem 0 4rem}.analysis-selector{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.analysis-selector h2{color:var(--heading);font-size:1.7rem;font-weight:900;margin:.7rem 0 .2rem}.analysis-selector p{color:var(--muted);font-size:.72rem;margin:0}.analysis-search{height:44px;width:280px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff;border:1px solid var(--border);border-radius:11px}.analysis-search svg{width:18px;color:var(--soft)}.analysis-search input{width:100%;border:0;outline:0;background:transparent;font-family:inherit;color:var(--text);font-size:.72rem}.analysis-coin-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:8px;margin-bottom:1.5rem}.analysis-coin-list::-webkit-scrollbar{height:3px}.analysis-coin-list button{display:flex;align-items:center;gap:8px;min-width:190px;padding:.65rem .75rem;background:#fff;border:1px solid var(--border);border-radius:13px;text-align:right;cursor:pointer;transition:.2s;font-family:inherit}.analysis-coin-list button:hover{border-color:rgba(14,165,233,.3)}.analysis-coin-list button.active{border-color:var(--primary);box-shadow:0 7px 20px rgba(14,165,233,.1)}.analysis-coin-logo{width:35px;height:35px;min-width:35px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--analysis-color) 12%,#fff);color:var(--analysis-color);font-size:.75rem;font-weight:900}.analysis-coin-list button>span:nth-child(2){display:flex;flex-direction:column;flex:1}.analysis-coin-list strong{color:var(--heading);font-size:.68rem}.analysis-coin-list small{color:var(--soft);font-size:.53rem;margin-top:2px}.analysis-coin-list b{color:var(--heading);font-size:.58rem}.analysis-coin-list em{font-style:normal;font-size:.55rem}.analysis-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.2rem}.analysis-main-card,.analysis-indicators,.analysis-scenarios,.analysis-score-card,.analysis-level-card,.analysis-ai-card{background:#fff;border:1px solid var(--border);border-radius:19px;box-shadow:var(--shadow-sm)}.analysis-main-card{padding:1.4rem}.analysis-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.analysis-selected{display:flex;align-items:center;gap:10px}.analysis-selected-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--analysis-color) 12%,#fff);color:var(--analysis-color);font-size:1rem;font-weight:900}.analysis-selected span{display:block;color:var(--soft);font-size:.55rem}.analysis-selected h1{margin:3px 0 0;color:var(--heading);font-size:1rem;font-weight:900}.analysis-current-price{text-align:left}.analysis-current-price strong{display:block;color:var(--heading);font-size:1.25rem;font-weight:900}.analysis-current-price b{font-size:.62rem}.analysis-timeframes{display:flex;gap:5px;margin:1.4rem 0;padding:4px;background:#f8fafc;border-radius:9px;width:max-content}.analysis-timeframes button{border:0;background:transparent;color:var(--soft);padding:6px 10px;border-radius:6px;font-family:inherit;font-size:.6rem;cursor:pointer}.analysis-timeframes button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.analysis-chart{height:340px;position:relative;overflow:hidden;border-radius:13px;background:linear-gradient(180deg,#fbfdff,#fff)}.analysis-chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.analysis-chart-grid span{width:100%;height:1px;background:#edf2f7}.analysis-chart>svg{position:absolute;inset:0;width:100%;height:100%}.analysis-chart-label{position:absolute;right:10px;top:15px;padding:5px 8px;background:var(--primary);color:#fff;border-radius:6px;font-size:.57rem;font-weight:800}.analysis-support,.analysis-resistance{position:absolute;left:10px;padding:4px 7px;background:#fff;border:1px solid var(--border);border-radius:5px;font-size:.5rem;color:var(--soft)}.analysis-support{bottom:25%;color:var(--success)}.analysis-resistance{top:25%;color:#f59e0b}.analysis-chart-footer{display:flex;justify-content:space-between;margin-top:.8rem;color:var(--soft);font-size:.55rem}.analysis-indicators{padding:1.4rem;margin-top:1.2rem}.analysis-card-title{display:flex;justify-content:space-between;margin-bottom:1.2rem}.analysis-card-title span{color:var(--primary);font-size:.57rem;font-weight:900;letter-spacing:1.2px}.analysis-card-title h2{color:var(--heading);font-size:1rem;font-weight:900;margin:4px 0 0}.indicator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.indicator-card{padding:1rem;background:#f8fafc;border:1px solid var(--border-2);border-radius:12px}.indicator-card>span{display:block;color:var(--soft);font-size:.57rem}.indicator-card>strong{display:block;color:var(--heading);font-size:.85rem;margin:.5rem 0}.indicator-card small{display:block;color:var(--soft);font-size:.55rem;line-height:1.7}.indicator-up{display:block;color:var(--success);font-size:.55rem;margin-top:.6rem}.rsi-bar{height:5px;background:#e2e8f0;border-radius:10px;overflow:hidden}.rsi-bar i{display:block;height:100%;background:var(--grad-1);border-radius:10px}.analysis-scenarios{padding:1.4rem;margin-top:1.2rem}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scenario{padding:1rem;border-radius:13px;border:1px solid var(--border)}.scenario.bullish{background:#f0fdf9;border-color:#d1fae5}.scenario.bearish{background:#fff8f8;border-color:#fee2e2}.scenario>div{display:flex;align-items:center;gap:7px}.scenario strong{color:var(--heading);font-size:.72rem}.scenario p{margin:.8rem 0 0;color:var(--muted);font-size:.67rem;line-height:2}.scenario p b{margin:0 4px;color:var(--heading)}.analysis-trend-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:.8rem;font-weight:900}.analysis-trend-icon.bullish{background:var(--success-soft);color:var(--success)}.analysis-trend-icon.bearish{background:#fff1f2;color:#ef4444}.analysis-trend-icon.neutral{background:#f1f5f9;color:var(--soft)}.analysis-workspace aside>div{margin-bottom:1.2rem}.analysis-score-card{text-align:center;padding:1.5rem}.analysis-score-card>span,.analysis-level-card>span,.analysis-ai-card>span{color:var(--primary);font-size:.56rem;font-weight:900;letter-spacing:1.5px}.score-circle{width:125px;height:125px;margin:1rem auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(#0ea5e9 0 82%,#e8f1f7 82% 100%);position:relative}.score-circle strong{color:var(--heading);font-size:2rem;font-weight:900}.score-circle small{color:var(--soft);font-size:.55rem;margin-top:20px}.analysis-score-card h3{color:var(--heading);font-size:.9rem;margin:.5rem 0}.analysis-score-card p{color:var(--muted);font-size:.62rem;line-height:1.9;margin:.5rem 0 1rem}.score-status{display:flex;align-items:center;justify-content:center;gap:7px;padding:.55rem;border-radius:9px;font-size:.62rem;font-weight:800}.score-status.bullish{background:var(--success-soft);color:var(--success)}.score-status.bearish{background:#fff1f2;color:#ef4444}.score-status.neutral{background:#f1f5f9;color:var(--soft)}.score-status .analysis-trend-icon{width:20px;height:20px;background:transparent}.analysis-level-card{padding:1.4rem}.analysis-level-card h3{color:var(--heading);font-size:.95rem;font-weight:900;margin:.5rem 0 1rem}.analysis-level{padding:.8rem 0;border-top:1px solid var(--border-2);display:flex;justify-content:space-between;align-items:center}.analysis-level small{color:var(--soft);font-size:.58rem}.analysis-level strong{color:var(--heading);font-size:.67rem}.analysis-level .resistance-text{color:#f59e0b}.analysis-level .support-text{color:var(--success)}.analysis-ai-card{padding:1.4rem;background:linear-gradient(135deg,#eefcff,#f7f3ff)}.analysis-ai-icon{width:43px;height:43px;display:grid;place-items:center;background:#fff;color:var(--primary);border-radius:12px;font-size:1.2rem;margin-bottom:1rem}.analysis-ai-card h3{color:var(--heading);font-size:.95rem;font-weight:900;line-height:1.7;margin:.6rem 0}.analysis-ai-card p{color:var(--muted);font-size:.65rem;line-height:1.9}.analysis-ai-card .public-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:1rem}.analysis-ai-card svg{width:15px}.analysis-disclaimer{padding:0 0 5rem}.analysis-disclaimer>div>div{padding:1rem 1.3rem;background:#fffbeb;border:1px solid #fde68a;border-radius:13px}.analysis-disclaimer strong{color:#92400e;font-size:.68rem}.analysis-disclaimer p{margin:.35rem 0 0;color:#92722e;font-size:.63rem;line-height:1.9}@media(max-width:1100px){.analysis-workspace{grid-template-columns:1fr}.analysis-workspace aside{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.analysis-workspace aside>div{margin:0}.analysis-ai-card{grid-column:auto}}@media(max-width:768px){.analysis-hero{padding:6rem 0 1.5rem}.analysis-market-bar{grid-template-columns:1fr 1fr}.analysis-selector{align-items:stretch;flex-direction:column}.analysis-search{width:100%}.analysis-workspace aside{display:block}.analysis-workspace aside>div{margin-bottom:1rem}.indicator-grid,.scenario-grid{grid-template-columns:1fr}.analysis-main-card{padding:1rem}.analysis-chart{height:250px}.analysis-card-header{align-items:flex-start}.analysis-current-price strong{font-size:1rem}.analysis-timeframes{width:100%;overflow-x:auto}.analysis-timeframes button{flex:1}.analysis-disclaimer{padding-bottom:3rem}}@media(max-width:480px){.analysis-market-bar>div{padding:.8rem}.analysis-market-bar strong{font-size:.63rem}.analysis-selected-logo{width:42px;height:42px}.analysis-selected h1{font-size:.85rem}.analysis-current-price strong{font-size:.85rem}}

/* ===== Blog Page ===== */
.blog-page{background:var(--bg-2);overflow:hidden}.blog-hero{padding:7rem 0 4rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.blog-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}.blog-hero h1{margin:1rem 0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.5;color:var(--heading);font-weight:900}.blog-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.blog-hero p{max-width:620px;color:var(--muted);font-size:.95rem;line-height:2}.blog-hero-visual{height:350px;position:relative;display:grid;place-items:center}.blog-orbit{position:absolute;border:1px dashed rgba(14,165,233,.2);border-radius:50%}.orbit-one{width:300px;height:300px}.orbit-two{width:220px;height:220px;border-color:rgba(124,92,246,.18)}.blog-book{width:180px;height:225px;padding:10px;background:linear-gradient(135deg,#0ea5e9,#765cff);border-radius:8px 18px 18px 8px;transform:rotate(-8deg);box-shadow:20px 25px 55px rgba(14,165,233,.2);z-index:2}.blog-book-page{height:100%;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;background:#fff;border-radius:4px 12px 12px 4px}.blog-book-page span{color:var(--primary);font-size:.58rem;font-weight:900;letter-spacing:2px}.blog-book-page strong{color:var(--heading);font-size:1.35rem;margin-top:.7rem}.blog-book-page small{color:var(--soft);font-size:.55rem;letter-spacing:2px;margin-top:.2rem}.blog-floating{position:absolute;z-index:4;padding:7px 12px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);color:var(--primary);font-size:.62rem;font-weight:900}.blog-f-one{right:5%;top:55px}.blog-f-two{left:5%;top:135px}.blog-f-three{right:13%;bottom:45px}.blog-featured-section{padding:3rem 0 1rem}.blog-featured{display:grid;grid-template-columns:1fr 1.15fr;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm)}.blog-featured-cover{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#e9faff,#f5f0ff)}.blog-featured-pattern{position:absolute;inset:-30%;background-image:linear-gradient(rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px);background-size:35px 35px;transform:rotate(-18deg)}.blog-featured-badge{position:absolute;top:25px;right:25px;padding:6px 9px;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--primary);font-size:.55rem;font-weight:900;letter-spacing:1.5px}.blog-featured-title{position:relative;z-index:2;display:flex;flex-direction:column;text-align:center}.blog-featured-title span{color:var(--primary);font-size:.65rem;letter-spacing:3px;font-weight:900}.blog-featured-title strong{color:var(--heading);font-size:2.4rem;font-weight:900;letter-spacing:3px}.blog-featured-shape{position:absolute;right:12%;bottom:12%;font-size:3rem;color:rgba(14,165,233,.12)}.blog-featured-content{padding:2.7rem;display:flex;flex-direction:column;justify-content:center}.blog-post-meta{display:flex;align-items:center;gap:10px}.blog-post-meta span{padding:5px 9px;background:var(--grad-soft-1);color:var(--primary);border-radius:20px;font-size:.58rem;font-weight:800}.blog-post-meta small{color:var(--soft);font-size:.58rem}.blog-featured-content h2{color:var(--heading);font-size:clamp(1.4rem,3vw,2rem);line-height:1.75;font-weight:900;margin:1rem 0}.blog-featured-content>p{color:var(--muted);font-size:.8rem;line-height:2;margin:0 0 1.2rem}.blog-featured-author{display:flex;align-items:center;gap:8px;margin-bottom:1.2rem}.blog-featured-author>div{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--grad-1);color:#fff;font-weight:900}.blog-featured-author span{display:flex;flex-direction:column}.blog-featured-author strong{color:var(--heading);font-size:.62rem}.blog-featured-author small{color:var(--soft);font-size:.55rem;margin-top:2px}.blog-featured-content .public-btn{display:flex;align-items:center;gap:6px;width:max-content}.blog-featured-content .public-btn svg{width:15px}.blog-posts-section{padding:5rem 0}.blog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem}.blog-toolbar h2{color:var(--heading);font-size:1.8rem;font-weight:900;margin:.7rem 0 .25rem}.blog-toolbar p{color:var(--muted);font-size:.75rem;margin:0}.blog-search{width:290px;height:45px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff;border:1px solid var(--border);border-radius:11px}.blog-search svg{width:18px;color:var(--soft)}.blog-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-family:inherit;font-size:.72rem}.blog-categories{display:flex;gap:6px;flex-wrap:wrap;margin:1.2rem 0 1.5rem}.blog-categories button{padding:.5rem .9rem;background:#fff;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-family:inherit;font-size:.67rem;cursor:pointer;transition:.2s}.blog-categories button:hover{border-color:var(--primary);color:var(--primary)}.blog-categories button.active{background:var(--grad-1);border-color:transparent;color:#fff}.blog-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.blog-card-cover{height:180px;position:relative;overflow:hidden;padding:1rem;background:linear-gradient(135deg,#e9faff,#f5f0ff)}.blog-card-cover.analysis{background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.blog-card-cover.listing{background:linear-gradient(135deg,#eff6ff,#ecfeff)}.blog-card-cover.market{background:linear-gradient(135deg,#ecfdf5,#f0fdfa)}.blog-card-cover.trading{background:linear-gradient(135deg,#fff7ed,#fefce8)}.blog-card-cover-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.blog-card-cover-top span{padding:5px 8px;background:rgba(255,255,255,.82);border-radius:20px;color:var(--primary);font-size:.55rem;font-weight:800}.blog-card-cover-top small{color:var(--soft);font-size:.52rem}.blog-card-symbol{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;letter-spacing:2px;color:rgba(14,165,233,.14);white-space:nowrap}.blog-card-lines{position:absolute;inset:-50%;background:repeating-linear-gradient(45deg,transparent 0 24px,rgba(255,255,255,.4) 24px 25px);transform:rotate(18deg)}.blog-card-body{padding:1.25rem}.blog-card-meta{color:var(--soft);font-size:.55rem}.blog-card-body h3{color:var(--heading);font-size:.86rem;line-height:1.8;font-weight:900;margin:.6rem 0}.blog-card-body p{color:var(--muted);font-size:.67rem;line-height:1.9;margin-bottom:1rem}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.8rem;border-top:1px solid var(--border-2)}.blog-card-footer>span{color:var(--soft);font-size:.55rem}.blog-card-footer a{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--grad-soft-1);color:var(--primary)}.blog-card-footer svg{width:14px;height:14px}.blog-empty{text-align:center;padding:4rem 1rem}.blog-empty>div{font-size:2rem;color:var(--soft)}.blog-empty h3{color:var(--heading)}.blog-empty p{color:var(--muted);font-size:.7rem}.blog-popular{padding:5rem 0;background:#fff;border-block:1px solid var(--border)}.blog-popular-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:1.3rem}.blog-popular-header h2{color:var(--heading);font-size:1.5rem;font-weight:900;margin:.6rem 0 0}.blog-popular-header>span{color:var(--soft);font-size:.58rem}.blog-popular-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.blog-popular-item{display:grid;grid-template-columns:30px 42px 1fr 20px;align-items:center;gap:10px;padding:1rem;background:#f8fafc;border:1px solid var(--border);border-radius:13px;text-decoration:none;transition:.2s}.blog-popular-item:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.blog-popular-item>b{color:#cbd5e1;font-size:.65rem}.blog-popular-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--grad-soft-1);color:var(--primary);font-size:.58rem;font-weight:900}.blog-popular-item div:nth-child(3){display:flex;flex-direction:column}.blog-popular-item div:nth-child(3) span{color:var(--primary);font-size:.53rem}.blog-popular-item strong{color:var(--heading);font-size:.65rem;line-height:1.7;margin-top:3px}.blog-popular-item small{color:var(--soft);font-size:.5rem;margin-top:2px}.blog-popular-item>svg{width:15px;color:var(--soft)}.blog-topics{padding:5rem 0}.blog-topics-header{text-align:center;margin-bottom:2rem}.blog-topics-header h2{color:var(--heading);font-size:1.7rem;font-weight:900;margin:.7rem 0 .3rem}.blog-topics-header p{color:var(--muted);font-size:.75rem;margin:0}.blog-topic-card{height:100%;display:block;padding:1.4rem;background:#fff;border:1px solid var(--border);border-radius:17px;text-decoration:none;transition:.25s}.blog-topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-topic-card>span{color:var(--primary);font-size:.6rem;font-weight:900}.blog-topic-card h3{color:var(--heading);font-size:.85rem;font-weight:900;margin:.8rem 0 .5rem}.blog-topic-card p{color:var(--muted);font-size:.65rem;line-height:1.9;min-height:50px}.blog-topic-card svg{width:16px;color:var(--primary);margin-top:.5rem}.blog-cta{padding:1rem 0 6rem}.blog-cta-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:linear-gradient(135deg,#eefcff,#f7f3ff);border:1px solid var(--border);border-radius:22px}.blog-cta-box span{color:var(--primary);font-size:.65rem;font-weight:900;letter-spacing:2px}.blog-cta-box h2{color:var(--heading);font-size:1.8rem;font-weight:900;margin:.5rem 0}.blog-cta-box p{color:var(--muted);font-size:.75rem;margin:0;max-width:650px}.blog-cta-box .public-btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.blog-cta-box svg{width:15px}@media(max-width:992px){.blog-hero-inner{grid-template-columns:1fr}.blog-hero-visual{height:300px}.blog-featured{grid-template-columns:1fr}.blog-featured-cover{min-height:300px}.blog-toolbar{align-items:stretch;flex-direction:column}.blog-search{width:100%}.blog-popular-list{grid-template-columns:1fr}}@media(max-width:768px){.blog-hero{padding:6rem 0 3rem}.blog-hero h1{font-size:2.2rem}.blog-featured-content{padding:1.5rem}.blog-featured-content .public-btn{width:100%;justify-content:center}.blog-popular-header{align-items:flex-start;flex-direction:column;gap:.5rem}.blog-cta-box{align-items:flex-start;flex-direction:column;padding:2rem}.blog-cta-box .public-btn{width:100%;justify-content:center}}@media(max-width:480px){.blog-hero-visual{transform:scale(.85);margin:-20px 0}.blog-featured-cover{min-height:240px}.blog-popular-item{grid-template-columns:25px 38px 1fr 15px}.blog-popular-symbol{width:38px;height:38px}.blog-popular-item strong{font-size:.6rem}}

/* ===== Blog Detail ===== */
.blog-detail-page{background:var(--bg-2);overflow:hidden}.blog-detail-header{padding:6.5rem 0 2.5rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.blog-detail-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:2rem;color:var(--soft);font-size:.62rem}.blog-detail-breadcrumb a{color:var(--soft);text-decoration:none}.blog-detail-breadcrumb strong{color:var(--heading)}.blog-detail-category{display:inline-flex;padding:5px 10px;border-radius:20px;background:var(--grad-soft-1);color:var(--primary);font-size:.58rem;font-weight:800}.blog-detail-header h1{max-width:950px;color:var(--heading);font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.7;font-weight:900;margin:1rem 0}.blog-detail-intro{max-width:850px;color:var(--muted);font-size:.9rem;line-height:2.2;margin:0}.blog-detail-author{display:flex;align-items:center;gap:9px;margin-top:1.7rem;padding-top:1.2rem;border-top:1px solid var(--border-2)}.blog-author-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--grad-1);color:#fff;font-weight:900}.blog-detail-author>div:last-child{display:flex;flex-direction:column}.blog-detail-author strong{color:var(--heading);font-size:.65rem}.blog-detail-author span{color:var(--soft);font-size:.56rem;margin-top:3px}.blog-detail-cover-section{padding:2rem 0}.blog-detail-cover{height:600px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#eafaff,#f5f0ff);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm)}.blog-detail-cover-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px);background-size:40px 40px;transform:rotate(-18deg)}.blog-detail-cover-symbol{position:relative;z-index:2;width:185px;height:185px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid rgba(14,165,233,.15);box-shadow:0 25px 80px rgba(14,165,233,.18);color:rgba(14,165,233,.65);font-size:3.3rem;font-weight:900;letter-spacing:2px}.blog-detail-cover-brand{position:absolute;right:25px;top:25px;display:flex;flex-direction:column;padding:7px 10px;background:rgba(255,255,255,.8);border:1px solid var(--border);border-radius:8px;color:var(--primary);font-size:.57rem;font-weight:900;letter-spacing:1.5px}.blog-detail-cover-brand small{color:var(--soft);font-size:.45rem;letter-spacing:2px;margin-top:2px}.blog-detail-content{padding:2rem 0 4rem}.blog-article{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-sm)}.blog-article-lead{padding:1.3rem 1.4rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#f0fbff,#faf7ff);border-right:4px solid var(--primary);border-radius:11px;color:var(--heading);font-size:.86rem;line-height:2.1;font-weight:600}.blog-toc{padding:1.3rem;margin-bottom:2.5rem;background:#f8fafc;border:1px solid var(--border);border-radius:14px}.blog-toc-title{display:flex;flex-direction:column;margin-bottom:.7rem}.blog-toc-title span{color:var(--primary);font-size:.53rem;font-weight:900;letter-spacing:1.5px}.blog-toc-title strong{color:var(--heading);font-size:.85rem;margin-top:3px}.blog-toc ol{margin:0;padding-right:1.3rem}.blog-toc li{padding:.3rem 0;color:var(--muted);font-size:.67rem}.blog-toc a{color:var(--muted);text-decoration:none}.blog-toc a:hover{color:var(--primary)}.blog-article-section{scroll-margin-top:100px}.blog-article-section h2{display:flex;align-items:center;gap:10px;color:var(--heading);font-size:1.25rem;font-weight:900;margin:2rem 0 1rem}.blog-article-section h2 span{display:grid;place-items:center;width:31px;height:31px;min-width:31px;border-radius:8px;background:var(--grad-soft-1);color:var(--primary);font-size:.55rem}.blog-article-section p{color:var(--muted);font-size:.84rem;line-height:2.3;margin:0 0 1.1rem}.blog-article-tip{display:flex;gap:12px;margin:2rem 0;padding:1.3rem;background:#f0fdf9;border:1px solid #d1fae5;border-radius:14px}.blog-article-tip>div{width:38px;height:38px;min-width:38px;display:grid;place-items:center;background:#fff;border-radius:10px;color:var(--primary);font-size:1rem}.blog-article-tip strong{color:var(--heading);font-size:.72rem}.blog-article-tip p{margin:.3rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.9}.blog-article-disclaimer{margin-top:2rem;padding:1rem 1.2rem;background:#fffbeb;border:1px solid #fde68a;border-radius:11px}.blog-article-disclaimer strong{color:#92400e;font-size:.67rem}.blog-article-disclaimer p{color:#92722e;font-size:.62rem;line-height:1.9;margin:.3rem 0 0}.blog-sidebar-card{padding:1.3rem;background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow-sm);margin-bottom:1rem}.blog-sidebar-card>span{color:var(--primary);font-size:.54rem;font-weight:900;letter-spacing:1.5px}.blog-sidebar-card h3{color:var(--heading);font-size:.9rem;font-weight:900;margin:.5rem 0 1rem}.blog-related{display:flex;align-items:center;gap:9px;padding:.75rem 0;border-top:1px solid var(--border-2);text-decoration:none}.blog-related>div{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:10px;background:var(--grad-soft-1);color:var(--primary);font-size:.7rem;font-weight:900}.blog-related section{display:flex;flex-direction:column}.blog-related strong{color:var(--heading);font-size:.64rem;line-height:1.7}.blog-related small{color:var(--soft);font-size:.52rem;margin-top:3px}.blog-sidebar-market h3{margin-bottom:.8rem}.blog-mini-market{border:1px solid var(--border);border-radius:10px;overflow:hidden}.blog-mini-market div{display:grid;grid-template-columns:35px 1fr auto;gap:5px;align-items:center;padding:.65rem;border-bottom:1px solid var(--border-2)}.blog-mini-market div:last-child{border-bottom:0}.blog-mini-market small{color:var(--soft);font-size:.55rem}.blog-mini-market strong{color:var(--heading);font-size:.61rem}.blog-mini-market b{color:var(--success);font-size:.53rem}.blog-market-link{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:.8rem;color:var(--primary);font-size:.6rem;font-weight:800;text-decoration:none}.blog-market-link svg{width:14px}.blog-sidebar-cta{background:linear-gradient(135deg,#eefcff,#f7f3ff)}.blog-sidebar-cta h3{font-size:1rem;line-height:1.7}.blog-sidebar-cta p{color:var(--muted);font-size:.64rem;line-height:1.9}.blog-sidebar-cta .public-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:1rem}.blog-sidebar-cta svg{width:14px}.blog-detail-bottom{padding:0 0 6rem}.blog-detail-bottom-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.5rem 3rem;background:linear-gradient(135deg,#eefcff,#f7f3ff);border:1px solid var(--border);border-radius:20px}.blog-detail-bottom-box span{color:var(--primary);font-size:.6rem;font-weight:900;letter-spacing:1.5px}.blog-detail-bottom-box h2{color:var(--heading);font-size:1.35rem;margin:.5rem 0 0;font-weight:900}.blog-detail-bottom-box .public-btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.blog-detail-bottom-box svg{width:15px}.blog-not-found{min-height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.blog-not-found>span{font-size:5rem;color:#dbe5ef;font-weight:900}.blog-not-found h1{color:var(--heading)}.blog-not-found p{color:var(--muted);font-size:.75rem;margin-bottom:1.5rem}@media(max-width:992px){.blog-detail-cover{height:320px}.blog-article{padding:1.7rem}}@media(max-width:768px){.blog-detail-header{padding:5.5rem 0 2rem}.blog-detail-header h1{font-size:1.6rem}.blog-detail-intro{font-size:.78rem}.blog-detail-cover{height:250px}.blog-detail-cover-symbol{width:130px;height:130px;font-size:2.4rem}.blog-article{padding:1.2rem}.blog-article-section h2{font-size:1.05rem}.blog-article-section p{font-size:.78rem}.blog-detail-bottom-box{align-items:flex-start;flex-direction:column;padding:2rem}.blog-detail-bottom-box .public-btn{width:100%;justify-content:center}}
.blog-related{padding:.45rem 0}.blog-related strong{line-height:1.5}.blog-related small{margin-top:1px}.blog-article-section{margin:0;padding:0 0 .8rem}.blog-article-section h2{margin:1rem 0 .6rem}.blog-article-section p{margin:0 0 .6rem;line-height:2}.blog-article-section+.blog-article-section{margin-top:.5rem}.blog-toc{margin-bottom:1.3rem}.blog-article-lead{margin-bottom:1.2rem}.blog-article-tip{margin:1.2rem 0}.blog-article-disclaimer{margin-top:1.2rem}

/* ===== Privacy Page ===== */
.privacy-page{background:var(--bg-2);overflow:hidden}.privacy-hero{padding:7rem 0 4rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.privacy-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}.privacy-hero h1{color:var(--heading);font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.5;font-weight:900;margin:1rem 0}.privacy-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.privacy-hero p{max-width:680px;color:var(--muted);font-size:.9rem;line-height:2.2}.privacy-updated{display:flex;align-items:center;gap:9px;margin-top:1.5rem;color:var(--soft);font-size:.6rem}.privacy-updated strong{padding:5px 9px;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--heading);font-size:.57rem}.privacy-hero-visual{height:330px;position:relative;display:grid;place-items:center}.privacy-glow{position:absolute;width:210px;height:210px;background:rgba(14,165,233,.1);filter:blur(35px);border-radius:50%}.privacy-ring{position:absolute;border:1px dashed rgba(14,165,233,.18);border-radius:50%}.ring-one{width:280px;height:280px}.ring-two{width:210px;height:210px;border-color:rgba(124,92,246,.18)}.privacy-shield{position:relative;z-index:3;width:125px;height:145px;display:grid;place-items:center;background:#fff;border:1px solid rgba(14,165,233,.18);border-radius:40px 40px 48px 48px;box-shadow:0 25px 70px rgba(14,165,233,.15);color:var(--primary)}.privacy-shield svg{width:65px;height:65px}.privacy-lock{position:absolute;z-index:4;bottom:52px;right:calc(50% - 95px);width:45px;height:45px;display:grid;place-items:center;background:var(--grad-1);border:4px solid #fff;border-radius:14px;color:#fff;box-shadow:0 10px 25px rgba(14,165,233,.2)}.privacy-lock svg{width:22px}.privacy-content{padding:3rem 0 6rem}.privacy-layout{display:grid;grid-template-columns:245px minmax(0,850px);justify-content:center;gap:2rem;align-items:start}.privacy-sidebar{position:sticky;top:100px}.privacy-sidebar-card{padding:1.2rem;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-sm)}.privacy-sidebar-card>span{color:var(--primary);font-size:.5rem;font-weight:900;letter-spacing:1.5px}.privacy-sidebar-card h3{color:var(--heading);font-size:.82rem;margin:.5rem 0 .8rem}.privacy-sidebar-card nav{display:flex;flex-direction:column}.privacy-sidebar-card a{display:flex;align-items:center;gap:7px;padding:.48rem .2rem;border-top:1px solid var(--border-2);color:var(--muted);text-decoration:none;font-size:.58rem;line-height:1.6;transition:.2s}.privacy-sidebar-card a:hover{color:var(--primary)}.privacy-sidebar-card a b{color:#cbd5e1;font-size:.5rem}.privacy-article{padding:2.3rem;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm)}.privacy-intro{display:flex;align-items:flex-start;gap:12px;padding:1.2rem;margin-bottom:1.8rem;background:linear-gradient(135deg,#eefcff,#f7f3ff);border:1px solid var(--border);border-radius:13px}.privacy-intro-icon{width:40px;height:40px;min-width:40px;display:grid;place-items:center;background:#fff;border-radius:10px;color:var(--primary)}.privacy-intro-icon svg{width:22px}.privacy-intro strong{display:block;color:var(--heading);font-size:.72rem;margin-bottom:.25rem}.privacy-intro p{margin:0;color:var(--muted);font-size:.63rem;line-height:1.9}.privacy-section{scroll-margin-top:100px;padding:0 0 1.4rem;margin-bottom:1.4rem;border-bottom:1px solid var(--border-2)}.privacy-section:last-of-type{border-bottom:0;margin-bottom:0}.privacy-section h2{display:flex;align-items:center;gap:9px;color:var(--heading);font-size:1rem;font-weight:900;margin:0 0 .8rem}.privacy-section h2 span{display:grid;place-items:center;width:32px;height:32px;min-width:32px;background:var(--grad-soft-1);border-radius:8px;color:var(--primary);font-size:.52rem}.privacy-section p{color:var(--muted);font-size:.76rem;line-height:2.25;margin:0 0 .65rem}.privacy-contact{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem;padding:1.3rem;background:#f8fafc;border:1px solid var(--border);border-radius:13px}.privacy-contact strong{color:var(--heading);font-size:.72rem}.privacy-contact p{color:var(--muted);font-size:.62rem;margin:.35rem 0 0}.privacy-contact .public-btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.privacy-contact svg{width:14px}@media(max-width:992px){.privacy-hero-grid{grid-template-columns:1fr}.privacy-hero-visual{height:270px}.privacy-layout{grid-template-columns:1fr}.privacy-sidebar{position:static}.privacy-sidebar-card nav{display:grid;grid-template-columns:1fr 1fr}.privacy-sidebar-card a{padding:.55rem .3rem}}@media(max-width:768px){.privacy-hero{padding:6rem 0 2.5rem}.privacy-hero h1{font-size:2.2rem}.privacy-hero p{font-size:.78rem}.privacy-hero-visual{height:230px}.privacy-shield{width:100px;height:120px}.privacy-shield svg{width:52px}.privacy-lock{right:calc(50% - 75px);bottom:30px}.privacy-ring.ring-one{width:210px;height:210px}.privacy-ring.ring-two{width:155px;height:155px}.privacy-article{padding:1.2rem}.privacy-sidebar-card nav{grid-template-columns:1fr}.privacy-contact{align-items:stretch;flex-direction:column}.privacy-contact .public-btn{justify-content:center}.privacy-section{padding-bottom:1rem;margin-bottom:1rem}.privacy-section h2{font-size:.9rem}.privacy-section p{font-size:.72rem;line-height:2.1}}

/* ===== Terms Page ===== */
.terms-page{background:var(--bg-2);overflow:hidden}.terms-hero{padding:7rem 0 4rem;background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid var(--border)}.terms-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}.terms-hero h1{color:var(--heading);font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.5;font-weight:900;margin:1rem 0}.terms-hero h1 span{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}.terms-hero p{max-width:680px;color:var(--muted);font-size:.9rem;line-height:2.2}.terms-updated{display:flex;align-items:center;gap:9px;margin-top:1.5rem;color:var(--soft);font-size:.6rem}.terms-updated strong{padding:5px 9px;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--heading);font-size:.57rem}.terms-hero-visual{height:330px;position:relative;display:grid;place-items:center}.terms-glow{position:absolute;width:210px;height:210px;background:rgba(124,92,246,.1);filter:blur(35px);border-radius:50%}.terms-orbit{position:absolute;border:1px dashed rgba(14,165,233,.18);border-radius:50%}.orbit-a{width:280px;height:280px}.orbit-b{width:205px;height:205px;border-color:rgba(124,92,246,.2)}.terms-scale{position:relative;z-index:3;width:125px;height:125px;display:grid;place-items:center;background:#fff;border:1px solid rgba(14,165,233,.18);border-radius:32px;box-shadow:0 25px 70px rgba(14,165,233,.14);color:var(--primary)}.terms-scale svg{width:65px;height:65px}.terms-floating{position:absolute;z-index:4;display:grid;place-items:center;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;color:var(--primary);font-size:.57rem;font-weight:900}.floating-one{right:7%;top:65px;padding:7px 11px;letter-spacing:1px}.floating-two{left:8%;bottom:62px;width:42px;height:42px;background:var(--success);border-color:transparent;color:#fff;font-size:1rem}.terms-content{padding:3rem 0 6rem}.terms-layout{display:grid;grid-template-columns:245px minmax(0,850px);justify-content:center;gap:2rem;align-items:start}.terms-sidebar{position:sticky;top:100px}.terms-sidebar-card{padding:1.2rem;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-sm)}.terms-sidebar-card>span{color:var(--primary);font-size:.5rem;font-weight:900;letter-spacing:1.5px}.terms-sidebar-card h3{color:var(--heading);font-size:.82rem;margin:.5rem 0 .8rem}.terms-sidebar-card nav{display:flex;flex-direction:column}.terms-sidebar-card a{display:flex;align-items:center;gap:7px;padding:.48rem .2rem;border-top:1px solid var(--border-2);color:var(--muted);text-decoration:none;font-size:.57rem;line-height:1.6;transition:.2s}.terms-sidebar-card a:hover{color:var(--primary)}.terms-sidebar-card a b{color:#cbd5e1;font-size:.5rem}.terms-article{padding:2.3rem;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm)}.terms-notice{display:flex;align-items:flex-start;gap:12px;padding:1.2rem;margin-bottom:1.7rem;background:linear-gradient(135deg,#eefcff,#f7f3ff);border:1px solid var(--border);border-radius:13px}.terms-notice-icon{width:40px;height:40px;min-width:40px;display:grid;place-items:center;background:#fff;border-radius:10px;color:var(--primary)}.terms-notice-icon svg{width:22px}.terms-notice strong{display:block;color:var(--heading);font-size:.72rem;margin-bottom:.25rem}.terms-notice p{margin:0;color:var(--muted);font-size:.63rem;line-height:1.9}.terms-section{scroll-margin-top:100px;padding:0 0 1.35rem;margin-bottom:1.35rem;border-bottom:1px solid var(--border-2)}.terms-section:last-of-type{border-bottom:0;margin-bottom:0}.terms-section h2{display:flex;align-items:center;gap:9px;color:var(--heading);font-size:1rem;font-weight:900;margin:0 0 .8rem}.terms-section h2 span{display:grid;place-items:center;width:32px;height:32px;min-width:32px;background:var(--grad-soft-1);border-radius:8px;color:var(--primary);font-size:.52rem}.terms-section p{color:var(--muted);font-size:.76rem;line-height:2.25;margin:0 0 .65rem}.terms-contact{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem;padding:1.3rem;background:#f8fafc;border:1px solid var(--border);border-radius:13px}.terms-contact strong{color:var(--heading);font-size:.72rem}.terms-contact p{color:var(--muted);font-size:.62rem;margin:.35rem 0 0}.terms-contact .public-btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.terms-contact svg{width:14px}@media(max-width:992px){.terms-hero-grid{grid-template-columns:1fr}.terms-hero-visual{height:270px}.terms-layout{grid-template-columns:1fr}.terms-sidebar{position:static}.terms-sidebar-card nav{display:grid;grid-template-columns:1fr 1fr}.terms-sidebar-card a{padding:.55rem .3rem}}@media(max-width:768px){.terms-hero{padding:6rem 0 2.5rem}.terms-hero h1{font-size:2.2rem}.terms-hero p{font-size:.78rem}.terms-hero-visual{height:230px}.terms-scale{width:100px;height:100px}.terms-scale svg{width:52px}.terms-ring{transform:scale(.8)}.terms-article{padding:1.2rem}.terms-sidebar-card nav{grid-template-columns:1fr}.terms-contact{align-items:stretch;flex-direction:column}.terms-contact .public-btn{justify-content:center}.terms-section{padding-bottom:1rem;margin-bottom:1rem}.terms-section h2{font-size:.9rem}.terms-section p{font-size:.72rem;line-height:2.1}}
/* ===== Modern Header ===== */
.navbar-custom{position:fixed;top:0;right:0;left:0;z-index:1050;padding:13px 0;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(15,23,42,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.navbar-inner{min-height:48px;display:flex;align-items:center;gap:25px}.navbar-brand-custom{display:flex;align-items:center;gap:8px;color:var(--heading)!important;text-decoration:none!important;font-size:1rem;font-weight:900;white-space:nowrap}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--grad-1);color:#fff;box-shadow:0 7px 20px rgba(14,165,233,.18)}.brand-icon i{font-size:16px}.navbar-menu{flex:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.navbar-links{display:flex;align-items:center;justify-content:center;gap:2px;margin:auto}.navbar-links a{position:relative;padding:8px 9px;color:#64748b;text-decoration:none!important;font-size:.67rem;font-weight:600;border-radius:8px;transition:.2s;white-space:nowrap}.navbar-links a:hover{color:var(--primary);background:#f0f9ff}.navbar-links a::after{content:"";position:absolute;right:9px;left:9px;bottom:2px;height:2px;border-radius:5px;background:var(--grad-1);transform:scaleX(0);transition:.2s}.navbar-links a:hover::after{transform:scaleX(1)}.navbar-actions{display:flex;align-items:center;gap:7px}.header-login-btn,.header-register-btn,.header-dashboard-btn,.header-logout-btn{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:8px;font-family:inherit;font-size:.61rem;font-weight:700;text-decoration:none!important;transition:.2s;cursor:pointer;white-space:nowrap}.header-login-btn{color:#475569!important;background:#fff;border:1px solid #e2e8f0}.header-login-btn:hover{color:var(--primary)!important;border-color:rgba(14,165,233,.35);background:#f8fdff}.header-register-btn{color:#fff!important;background:var(--grad-1);border:1px solid transparent;box-shadow:0 6px 16px rgba(14,165,233,.16)}.header-register-btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(14,165,233,.22)}.header-dashboard-btn{color:#fff!important;background:var(--grad-1)}.header-logout-btn{color:#64748b;background:#fff;border:1px solid #e2e8f0}.header-logout-btn:hover{color:#ef4444;border-color:#fecaca}.navbar-toggle{display:none;width:38px;height:38px;padding:8px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;gap:4px}.navbar-toggle span{display:block;width:19px;height:2px;margin:auto;border-radius:5px;background:#475569;transition:.25s}.navbar-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:1100px){.navbar-links{gap:0}.navbar-links a{padding-left:6px;padding-right:6px;font-size:.61rem}.navbar-actions{gap:5px}.header-login-btn,.header-register-btn{padding:0 10px}}@media(max-width:991px){.navbar-custom{padding:10px 0}.navbar-inner{min-height:45px;justify-content:space-between}.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:calc(100% + 7px);right:12px;left:12px;display:none;flex-direction:column;align-items:stretch;gap:12px;padding:12px;background:rgba(255,255,255,.97);border:1px solid #e5eaf0;border-radius:15px;box-shadow:0 18px 45px rgba(15,23,42,.12);backdrop-filter:blur(18px)}.navbar-menu.show{display:flex;animation:headerMenu .2s ease}.navbar-links{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4px;margin:0}.navbar-links a{padding:10px;font-size:.68rem;text-align:center;background:#f8fafc}.navbar-links a:hover{background:#f0f9ff}.navbar-links a::after{display:none}.navbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:8px;border-top:1px solid #edf1f5}.header-login-btn,.header-register-btn,.header-dashboard-btn,.header-logout-btn{width:100%;height:38px;font-size:.65rem}}@keyframes headerMenu{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.navbar-brand-custom{font-size:.9rem}.brand-icon{width:32px;height:32px}.navbar-menu{right:8px;left:8px}.navbar-links a{font-size:.64rem;padding:9px 6px}}
.navbar-brand-custom{font-size:1.05rem}.navbar-links a{font-size:.74rem;padding:9px 10px}.header-login-btn,.header-register-btn,.header-dashboard-btn,.header-logout-btn{font-size:.68rem;padding:0 14px}.brand-icon{width:36px;height:36px}.brand-icon i{font-size:17px}@media(max-width:1100px){.navbar-links a{font-size:.68rem;padding-left:7px;padding-right:7px}.header-login-btn,.header-register-btn{font-size:.65rem;padding:0 11px}}@media(max-width:991px){.navbar-links a{font-size:.72rem;padding:10px}.header-login-btn,.header-register-btn,.header-dashboard-btn,.header-logout-btn{font-size:.68rem;height:38px}}@media(max-width:480px){.navbar-brand-custom{font-size:.98rem}.navbar-links a{font-size:.68rem}}

/* ===== Modern Footer ===== */
.site-footer{position:relative;background:#fff;border-top:1px solid #e8edf3;padding:55px 0 20px;color:var(--muted)}.footer-main{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px;padding-bottom:42px}.footer-logo{display:inline-flex;align-items:center;gap:8px;color:var(--heading)!important;text-decoration:none!important;font-size:1.05rem;font-weight:900}.footer-logo-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--grad-1);color:#fff;box-shadow:0 7px 20px rgba(14,165,233,.16)}.footer-logo-icon i{font-size:17px}.footer-brand p{max-width:330px;margin:15px 0 0;color:#7b8799;font-size:.68rem;line-height:2.1}.footer-social{display:flex;gap:7px;margin-top:18px}.footer-social a{width:32px;height:32px;display:grid;place-items:center;border:1px solid #e4eaf0;border-radius:9px;background:#fff;color:#718096;text-decoration:none!important;transition:.2s}.footer-social a:hover{color:var(--primary);border-color:rgba(14,165,233,.3);background:#f4fbff;transform:translateY(-2px)}.footer-social i{font-size:13px}.footer-column h6{margin:3px 0 16px;color:var(--heading);font-size:.72rem;font-weight:800}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:10px}.footer-column a{display:inline-flex;align-items:center;gap:6px;color:#7b8799!important;text-decoration:none!important;font-size:.64rem;line-height:1.7;transition:.2s}.footer-column a:hover{color:var(--primary)!important;transform:translateX(-2px)}.footer-column a i{font-size:11px}.footer-trust{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.footer-trust-text span{display:block;color:var(--heading);font-size:.7rem;font-weight:800;margin-bottom:5px}.footer-trust-text p{margin:0;color:#8a95a6;font-size:.59rem;line-height:1.9}.footer-trust-logos{display:flex;align-items:center;gap:12px}.footer-trust-logo{width:75px;height:75px;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff;border:1px solid #e4eaf0;border-radius:12px;text-decoration:none!important;transition:.2s}.footer-trust-logo:hover{border-color:rgba(14,165,233,.3);box-shadow:0 7px 20px rgba(15,23,42,.07)}.footer-trust-logo img{max-width:100%;max-height:100%;object-fit:contain}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;color:#9aa5b5;font-size:.58rem}.footer-bottom-links{display:flex;align-items:center;gap:20px}.footer-bottom a{color:#7b8799!important;text-decoration:none!important;transition:.2s}.footer-bottom a:hover{color:var(--primary)!important}.footer-bottom a+a{position:relative}.footer-bottom a+a:before{content:"";position:absolute;right:-11px;top:50%;width:3px;height:3px;border-radius:50%;background:#cbd5e1;transform:translateY(-50%)}@media(max-width:992px){.footer-main{grid-template-columns:2fr repeat(2,1fr);gap:30px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:600px}}@media(max-width:576px){.site-footer{padding:40px 0 18px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-column h6{margin-bottom:12px}.footer-trust{align-items:flex-start;flex-direction:column}.footer-trust-logos{width:100%}.footer-trust-logo{width:70px;height:70px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.footer-bottom-links{gap:18px}}

/* ===== Home Redesign ===== */
.home-hero-new{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);padding-top:9rem}.home-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(14,165,233,.1),transparent 30%),radial-gradient(circle at 15% 80%,rgba(124,92,246,.07),transparent 30%);pointer-events:none}.home-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid rgba(14,165,233,.2);border-radius:30px;background:#f2fbff;color:#0284c7;font-size:.57rem;font-weight:800}.home-eyebrow i{color:#f59e0b}.home-hero-new h1{color:var(--heading);font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1.55}.home-hero-desc{max-width:650px;color:var(--muted);font-size:.84rem;line-height:2.3}.home-hero-actions{display:flex;gap:10px;margin-top:1.5rem}.home-hero-actions .btn{font-size:.68rem;padding:.65rem 1.2rem}.home-hero-trust{display:flex;flex-wrap:wrap;gap:15px;margin-top:1.25rem;color:#8490a1;font-size:.56rem}.home-hero-trust span{display:flex;align-items:center;gap:5px}.home-hero-trust i{color:#22c55e}.home-dashboard-preview{position:relative;padding:20px}.home-preview-glow{position:absolute;width:280px;height:280px;right:50%;top:50%;transform:translate(50%,-50%);background:rgba(14,165,233,.12);filter:blur(70px);border-radius:50%}.home-preview-window{position:relative;padding:15px;background:rgba(255,255,255,.92);border:1px solid #dfe8ef;border-radius:20px;box-shadow:0 25px 70px rgba(15,23,42,.1);backdrop-filter:blur(15px)}.home-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#7b8798;font-size:.54rem}.home-window-dots{display:flex;gap:5px}.home-window-dots i{width:7px;height:7px;border-radius:50%;background:#d9e0e7}.home-window-dots i:first-child{background:#fb7185}.home-window-dots i:nth-child(2){background:#fbbf24}.home-window-dots i:nth-child(3){background:#4ade80}.home-preview-head>b{color:#16a34a;font-size:.46rem}.home-preview-head>b i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#22c55e;margin-left:3px}.home-preview-card{display:flex;flex-direction:column;align-items:center;padding:13px 7px;background:#f8fafc;border:1px solid #edf1f5;border-radius:11px}.home-hero-mini-icon{width:30px;height:30px;display:grid;place-items:center;margin-bottom:5px;border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.05)}.home-preview-card small{color:#8b97a8;font-size:.44rem}.home-preview-card strong{color:var(--heading);font-size:.72rem;margin-top:3px}.home-preview-card>b{color:#16a34a;font-size:.46rem;margin-top:2px}.home-preview-chart{margin-top:8px;padding:12px;background:#f8fafc;border:1px solid #edf1f5;border-radius:11px}.home-preview-chart small{color:#8b97a8;font-size:.5rem}.home-preview-chart>b{color:#16a34a;font-size:.5rem}.home-preview-chart svg{width:100%;height:65px}.home-stats-new{position:relative;margin-top:4rem;border:1px solid #e4ebf1;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 10px 35px rgba(15,23,42,.04)}.home-stats-new .stat-item{padding:18px;border-left:1px solid #e8edf2}.home-stats-new .col:last-child .stat-item{border-left:0}.home-stats-new span{display:block;color:#8b97a8;font-size:.53rem}.home-stats-new strong{display:block;color:var(--heading);font-size:.9rem;margin-top:5px}.home-ticker{background:#fff;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.home-ticker-item{padding:12px 22px!important;border-left:1px solid #edf1f5!important;font-size:.57rem}.home-ticker-item img{width:22px!important;height:22px!important}.home-ticker-item strong{color:var(--heading);margin:0 4px}.home-ticker-item b{color:#475569;font-size:.54rem}.home-ticker-item em{font-style:normal;color:#a0aab8}.home-prices{padding:5rem 0;background:#f8fbfd}.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:1.6rem}.home-section-head span{color:var(--primary);font-size:.52rem;font-weight:900;letter-spacing:1.5px}.home-section-head h2{color:var(--heading);font-size:1.55rem;font-weight:900;margin:.4rem 0}.home-section-head p{color:var(--muted);font-size:.63rem;margin:0}.home-section-head .btn{font-size:.6rem}.home-price-box{background:#fff;border:1px solid #e4ebf1;border-radius:16px;box-shadow:0 12px 35px rgba(15,23,42,.05);overflow:hidden}.home-price-box .table-custom{font-size:.59rem}.home-price-box .table-custom th{color:#8b97a8;font-size:.53rem;font-weight:700;background:#f8fafc;border-bottom:1px solid #e8edf2;padding:13px}.home-price-box .table-custom td{padding:13px;border-bottom:1px solid #edf1f5;color:#64748b}.home-price-box .table-custom tbody tr:last-child td{border-bottom:0}.home-price-box .table-custom td strong{color:var(--heading);font-size:.62rem}.home-coin{display:flex;align-items:center;gap:8px}.home-coin img{width:29px;height:29px}.home-coin div{display:flex;flex-direction:column}.home-coin b{color:var(--heading);font-size:.58rem}.home-coin small{color:#9aa5b5;font-size:.46rem;margin-top:2px}.price-loading{color:#94a3b8!important;font-weight:400!important}.home-price-box .btn{font-size:.52rem;padding:5px 9px}.home-price-box .badge-soft,.home-price-box .badge-soft-red{font-size:.49rem}@media(max-width:991px){.home-hero-new{padding-top:7rem}.home-hero-new h1{font-size:2.8rem}.home-dashboard-preview{padding:5px}.home-stats-new .stat-item{border-bottom:1px solid #e8edf2}.home-section-head{align-items:flex-start;flex-direction:column}.home-section-head .btn{align-self:flex-start}}@media(max-width:768px){.home-hero-new{padding-top:6rem}.home-hero-new h1{font-size:2.2rem}.home-hero-desc{font-size:.75rem}.home-hero-actions{flex-direction:column}.home-hero-actions .btn{width:100%}.home-hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:9px}.home-stats-new{margin-top:2.5rem}.home-stats-new strong{font-size:.78rem}.home-price-box .table-custom{min-width:850px}.home-price-box{overflow-x:auto}.home-section-head h2{font-size:1.3rem}}
 .tc-hero-stats{
 position:relative;
 z-index:3;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 width:100%;
 margin-top:3.5rem;
 padding:0;
 background:#fff;
 border:1px solid #e3ebf0;
 border-radius:15px;
 box-shadow:0 12px 35px rgba(15,23,42,.045);
 overflow:hidden;
}

.tc-hero-stats>div{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 min-height:68px;
 padding:12px 10px;
 margin:0;
 border-left:1px solid #e8edf1;
}

.tc-hero-stats>div:last-child{
 border-left:0;
}

.tc-stat-icon{
 width:34px;
 height:34px;
 min-width:34px;
 display:grid;
 place-items:center;
 border-radius:9px;
 background:#f0faff;
 color:#08a8d5;
 font-size:14px;
}

.tc-stat-content{
 display:flex;
 flex-direction:column;
 margin:0;
 padding:0;
}

.tc-stat-content small{
 display:block;
 color:#8b97a5;
 font-size:8px;
 line-height:1.5;
 margin:0;
 padding:0;
}

.tc-stat-content strong{
 display:block;
 color:#172235;
 font-size:13px;
 line-height:1.5;
 margin:3px 0 0;
 padding:0;
}
@media(max-width:768px){
 .tc-hero-stats{
  grid-template-columns:repeat(2,1fr);
  margin-top:2rem;
 }

 .tc-hero-stats>div{
  min-height:62px;
  padding:10px 7px;
 }

 .tc-hero-stats>div:nth-child(2){
  border-left:0;
 }

 .tc-hero-stats>div:nth-child(-n+2){
  border-bottom:1px solid #e8edf1;
 }

 .tc-stat-icon{
  width:30px;
  height:30px;
  min-width:30px;
  font-size:12px;
 }

 .tc-stat-content small{
  font-size:7px;
 }

 .tc-stat-content strong{
  font-size:11px;
 }
} 
.tc-metal-prices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.tc-metal-item{display:flex;align-items:center;gap:7px;padding:8px 9px;background:#fafcfd;border:1px solid #e9eff3;border-radius:9px}.tc-metal-icon{width:25px;height:25px;min-width:25px;display:grid;place-items:center;border-radius:7px;font-size:7px}.tc-metal-icon.gold{color:#d69b16;background:#fff8e5}.tc-metal-icon.silver{color:#8290a0;background:#f1f4f7}.tc-metal-item>div:nth-child(2){display:flex;flex-direction:column;flex:1}.tc-metal-item small{font-size:6px;color:#929eac}.tc-metal-item strong{font-size:8px;color:#263449;margin-top:2px;direction:ltr;text-align:right}.tc-metal-item>span{font-size:6px;color:#19a66b;font-weight:800;display:flex;align-items:center;gap:2px}.tc-metal-item>span i{font-size:5px}@media(max-width:480px){.tc-metal-prices{gap:5px}.tc-metal-item{padding:7px}.tc-metal-item strong{font-size:7px}}
/* ===== HERO TYPOGRAPHY BOOST ===== */

.tc-hero-label{
    font-size:13px!important;
    padding:8px 15px 8px 16px!important;
}

.tc-hero-label span{
    width:29px!important;
    height:29px!important;
}

.tc-hero h1{ 
    line-height:1.45!important;
}

.tc-hero-content>p{
    font-size:16px!important;
    line-height:2.15!important;
    max-width:590px!important;
}

.tc-primary-btn,
.tc-secondary-btn{
    height:52px!important;
    padding:0 22px!important;
    font-size:13px!important;
}

.tc-hero-note{
    font-size:11px!important;
}

/* ===== DASHBOARD ===== */

.tc-terminal-brand strong{
    font-size:13px!important;
}

.tc-terminal-brand small{
    font-size:9px!important;
}

.tc-terminal-status{
    font-size:10px!important;
}

.tc-terminal-overview{
    padding:15px!important;
}

.tc-terminal-overview small{
    font-size:10px!important;
}

.tc-terminal-overview strong{
    font-size:27px!important;
}

.tc-terminal-overview span{
    font-size:10px!important;
}

.tc-terminal-period button{
    font-size:9px!important;
    padding:6px 9px!important;
}

.tc-chart-price{
    font-size:9px!important;
}

.tc-chart-tooltip{
    padding:8px 10px!important;
}

.tc-chart-tooltip small{
    font-size:8px!important;
}

.tc-chart-tooltip strong{
    font-size:11px!important;
}

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

.tc-analysis-card{
    padding:11px!important;
}

.tc-analysis-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    font-size:14px!important;
}

.tc-analysis-card small{
    font-size:8px!important;
}

.tc-analysis-card strong{
    font-size:10px!important;
}

.tc-analysis-positive{
    font-size:9px!important;
}

/* ===== GOLD / SILVER ===== */

.tc-metal-item{
    padding:10px!important;
    gap:9px!important;
}

.tc-metal-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    font-size:8px!important;
}

.tc-metal-item small{
    font-size:8px!important;
}

.tc-metal-item strong{
    font-size:11px!important;
    margin-top:3px!important;
}

.tc-metal-item>span{
    font-size:8px!important;
}

.tc-metal-item>span i{
    font-size:7px!important;
}

/* ===== DASHBOARD FOOTER ===== */

.tc-terminal-footer{
    padding:11px 5px 2px!important;
    font-size:8px!important;
}

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

.tc-stat-content small{
    font-size:9px!important;
}

.tc-stat-content strong{
    font-size:15px!important;
}

.tc-stat-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:15px!important;
}
@media(max-width:768px){

    .tc-hero-label{
        font-size:11px!important;
    }

    .tc-hero h1{
        font-size:2.35rem!important;
        line-height:1.5!important;
    }

    .tc-hero-content>p{
        font-size:13px!important;
        line-height:2.1!important;
    }

    .tc-primary-btn,
    .tc-secondary-btn{
        height:48px!important;
        font-size:12px!important;
    }

    .tc-terminal-overview strong{
        font-size:21px!important;
    }

    .tc-terminal-overview small{
        font-size:9px!important;
    }

    .tc-terminal-overview span{
        font-size:9px!important;
    }

    .tc-analysis-card small{
        font-size:7px!important;
    }

    .tc-analysis-card strong{
        font-size:9px!important;
    }

    .tc-metal-item small{
        font-size:7px!important;
    }

    .tc-metal-item strong{
        font-size:9px!important;
    }

    .tc-metal-item>span{
        font-size:7px!important;
    }

    .tc-stat-content small{
        font-size:8px!important;
    }

    .tc-stat-content strong{
        font-size:12px!important;
    }
}
/* ===== TRADCHI PREMIUM HERO ===== */

.tc-hero{position:relative;overflow:hidden;padding:9rem 0 3.5rem;background:#fff}.tc-hero-grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}.tc-hero-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.tc-hero-glow-1{width:430px;height:430px;right:-180px;top:-160px;background:rgba(0,190,235,.1)}.tc-hero-glow-2{width:350px;height:350px;left:-170px;bottom:-200px;background:rgba(104,86,230,.07)}.tc-hero-content{position:relative;z-index:2}.tc-hero-label{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 14px;background:#fff;border:1px solid #dfe9ef;border-radius:50px;color:#657386;font-size:11px;font-weight:800;box-shadow:0 6px 20px rgba(15,23,42,.035)}.tc-hero-label span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#effaff;color:#00a8d5}.tc-hero-label i{font-size:12px}.tc-hero h1{margin:1.35rem 0 1rem;color:#101827;line-height:1.48;font-weight:900;letter-spacing:-2px}.tc-hero h1 strong{background:linear-gradient(110deg,#00a8d9,#625de8);-webkit-background-clip:text;background-clip:text;color:transparent}.tc-hero-content>p{max-width:560px;color:#718096;font-size:14px;line-height:2.25;margin:0}.tc-hero-actions{display:flex;align-items:center;gap:10px;margin-top:1.8rem}.tc-primary-btn,.tc-secondary-btn{height:48px;padding:0 19px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none!important;font-size:12px;font-weight:800;transition:.25s ease}.tc-primary-btn{color:#fff!important;background:linear-gradient(110deg,#00a9d8,#625de8);box-shadow:0 10px 25px rgba(0,158,215,.18)}.tc-primary-btn:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,158,215,.25)}.tc-primary-btn i{font-size:13px}.tc-secondary-btn{color:#334155!important;background:#fff;border:1px solid #dfe7ed;box-shadow:0 6px 18px rgba(15,23,42,.035)}.tc-secondary-btn:hover{color:#078bb8!important;border-color:#b9dce8;transform:translateY(-2px)}.tc-secondary-btn i{font-size:16px;color:#08a7d4}.tc-hero-note{display:flex;align-items:center;gap:18px;margin-top:1.15rem;color:#8a96a5;font-size:10px}.tc-hero-note span{display:flex;align-items:center;gap:5px}.tc-hero-note i{color:#20b778}.tc-hero-visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.tc-orbit{position:absolute;border:1px solid rgba(0,169,215,.09);border-radius:50%;pointer-events:none}.tc-orbit-1{width:500px;height:500px}.tc-orbit-2{width:390px;height:390px;border-color:rgba(100,88,230,.08)}.tc-terminal{position:relative;z-index:2;width:min(100%,490px);padding:13px;background:rgba(255,255,255,.9);border:1px solid #dce7ed;border-radius:20px;box-shadow:0 30px 80px rgba(20,45,65,.13);backdrop-filter:blur(18px)}.tc-terminal-top{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 12px}.tc-terminal-brand{display:flex;align-items:center;gap:8px}.tc-terminal-brand>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#08afd9,#625de8);color:#fff}.tc-terminal-brand>div{display:flex;flex-direction:column}.tc-terminal-brand strong{color:#182235;font-size:11px}.tc-terminal-brand small{color:#9aa5b3;font-size:7px;margin-top:2px}.tc-terminal-status{display:flex;align-items:center;gap:5px;color:#1aa86b;font-size:8px;font-weight:800}.tc-terminal-status i{width:6px;height:6px;border-radius:50%;background:#25c77c;box-shadow:0 0 0 4px rgba(37,199,124,.1)}.tc-terminal-overview{display:flex;align-items:end;justify-content:space-between;padding:13px;background:#f7fafc;border:1px solid #e9eff3;border-radius:12px}.tc-terminal-overview>div:first-child{display:flex;flex-direction:column}.tc-terminal-overview small{color:#8995a5;font-size:8px}.tc-terminal-overview strong{color:#172235;font-size:22px;margin-top:4px}.tc-terminal-overview span{color:#16a46a;font-size:8px;margin-top:3px}.tc-terminal-period{display:flex;gap:3px}.tc-terminal-period button{border:0;background:transparent;color:#9aa5b3;font-size:7px;padding:5px 7px;border-radius:5px}.tc-terminal-period button.active{background:#fff;color:#00a1d0;box-shadow:0 3px 10px rgba(15,23,42,.07)}.tc-main-chart{height:210px;position:relative;margin-top:8px;overflow:hidden;border:1px solid #e9eff3;border-radius:12px;background:#fff}.tc-chart-grid{position:absolute;inset:0;background-image:linear-gradient(#eef3f6 1px,transparent 1px),linear-gradient(90deg,#eef3f6 1px,transparent 1px);background-size:25% 25%}.tc-main-chart svg{position:absolute;inset:0;width:100%;height:100%}.tc-chart-price{position:absolute;right:8px;color:#a0aab7;font-size:7px;z-index:2}.tc-chart-price.p1{top:18px}.tc-chart-price.p2{top:50%}.tc-chart-price.p3{bottom:18px}.tc-chart-tooltip{position:absolute;left:56%;top:22%;padding:6px 8px;background:#172235;color:#fff;border-radius:6px;display:flex;flex-direction:column;z-index:3;box-shadow:0 6px 15px rgba(15,23,42,.14)}.tc-chart-tooltip small{font-size:6px;color:#aeb9c7}.tc-chart-tooltip strong{font-size:8px;margin-top:2px}.tc-analysis-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.tc-analysis-card{display:flex;align-items:center;gap:7px;padding:9px;background:#f8fafc;border:1px solid #e9eff3;border-radius:10px}.tc-analysis-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e9fbf4;color:#16a56c;font-size:12px}.tc-analysis-icon.purple{background:#f0edff;color:#675ce3}.tc-analysis-card>div:nth-child(2){display:flex;flex-direction:column;flex:1}.tc-analysis-card small{color:#8e99a7;font-size:6px}.tc-analysis-card strong{color:#263449;font-size:8px;margin-top:3px}.tc-analysis-positive{color:#18a66a;font-size:7px;font-weight:800}.tc-terminal-footer{display:flex;justify-content:space-between;padding:10px 4px 1px;color:#9aa5b3;font-size:6px}.tc-terminal-footer span:first-child{display:flex;align-items:center;gap:4px}.tc-terminal-footer i{color:#22bd78;font-size:5px}.tc-hero-stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin-top:3.5rem;background:#fff;border:1px solid #e3ebf0;border-radius:15px;box-shadow:0 12px 35px rgba(15,23,42,.045);overflow:hidden}.tc-hero-stats>div{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px 10px;border-left:1px solid #e8edf1}.tc-hero-stats>div:last-child{border-left:0}.tc-stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f0faff;color:#08a8d5;font-size:14px}.tc-hero-stats section{display:flex;flex-direction:column}.tc-hero-stats small{color:#8b97a5;font-size:8px}.tc-hero-stats strong{color:#172235;font-size:13px;margin-top:3px}@media(max-width:991px){.tc-hero{padding-top:7.5rem}.tc-hero-content{text-align:center}.tc-hero-content>p{margin:auto}.tc-hero-actions{justify-content:center}.tc-hero-note{justify-content:center}.tc-hero-visual{margin-top:1rem}.tc-hero-stats{margin-top:2.5rem}}@media(max-width:768px){.tc-hero{padding-top:6.5rem}.tc-hero h1{font-size:2.25rem;letter-spacing:-.8px}.tc-hero-content>p{font-size:12px}.tc-hero-actions{flex-direction:column}.tc-primary-btn,.tc-secondary-btn{width:100%;height:45px}.tc-hero-note{gap:10px;flex-wrap:wrap;font-size:8px}.tc-hero-visual{min-height:370px}.tc-orbit-1{width:390px;height:390px}.tc-orbit-2{width:310px;height:310px}.tc-terminal{width:100%;border-radius:16px}.tc-terminal-overview strong{font-size:18px}.tc-main-chart{height:160px}.tc-hero-stats{grid-template-columns:repeat(2,1fr)}.tc-hero-stats>div{padding:13px 7px}.tc-hero-stats>div:nth-child(2){border-left:0}.tc-hero-stats>div:nth-child(-n+2){border-bottom:1px solid #e8edf1}}@media(max-width:420px){.tc-hero h1{font-size:1.95rem}.tc-hero-visual{min-height:330px}.tc-terminal{padding:9px}.tc-main-chart{height:135px}.tc-analysis-card{padding:7px}.tc-analysis-icon{width:24px;height:24px}.tc-terminal-overview strong{font-size:16px}.tc-terminal-period button{padding:4px}.tc-hero-stats strong{font-size:11px}}
 

/* ===== FIXED PROFESSIONAL TICKER ===== */

/* ===== TRADCHI MARKET TICKER ===== */

.tc-market-ticker{display:block!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0!important;background:#fff!important;border-top:1px solid #edf1f5!important;border-bottom:1px solid #e7edf2!important;overflow:hidden!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:20!important}

.tc-market-container{display:flex!important;width:100%!important;max-width:1320px!important;height:56px!important;min-height:56px!important;margin:0 auto!important;padding:0!important;align-items:center!important;direction:rtl!important}

.tc-market-label{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:72px!important;min-width:72px!important;height:100%!important;background:#fff!important;border-left:1px solid #edf1f5!important;color:#334155!important;position:relative!important;z-index:5!important;flex-shrink:0!important;font-size:12px!important}

.tc-market-live{display:block!important;width:7px!important;height:7px!important;min-width:7px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.1)!important}

.tc-market-window{display:block!important;position:relative!important;width:auto!important;min-width:0!important;flex:1 1 auto!important;height:56px!important;overflow:hidden!important;visibility:visible!important;opacity:1!important;direction:ltr!important}

.tc-market-track{display:flex!important;position:absolute!important;left:0!important;top:0!important;width:max-content!important;height:56px!important;min-width:max-content!important;align-items:center!important;direction:ltr!important;animation:tcMarketMove 50s linear infinite!important;will-change:transform!important}

.tc-market-track:hover{animation-play-state:paused!important}

.tc-market-group{display:flex!important;align-items:center!important;height:56px!important;width:max-content!important;min-width:max-content!important;flex-shrink:0!important;direction:ltr!important}

.tc-market-item{display:flex!important;align-items:center!important;height:36px!important;min-width:150px!important;width:150px!important;padding:0 15px!important;gap:8px!important;border-left:1px solid #edf1f5!important;box-sizing:border-box!important;direction:rtl!important;white-space:nowrap!important;flex-shrink:0!important;background:#fff!important;visibility:visible!important;opacity:1!important}

.tc-market-coin{display:flex!important;align-items:center!important;gap:6px!important;min-width:53px!important}

.tc-market-coin img{display:block!important;width:23px!important;height:23px!important;max-width:23px!important;object-fit:contain!important}

.tc-market-coin strong{display:block!important;color:#263449!important;font-size:11px!important;font-weight:800!important;line-height:1!important}

.tc-market-price{display:block!important;color:#475569!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important;direction:ltr!important}

.tc-market-up,.tc-market-down{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:1px!important;padding:4px 6px!important;border-radius:6px!important;font-size:9px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}

.tc-market-up{color:#14945f!important;background:#ecfdf5!important}

.tc-market-down{color:#dc405d!important;background:#fff1f3!important}

.tc-market-up i,.tc-market-down i{font-size:11px!important;line-height:1!important}

.tc-market-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:108px!important;min-width:108px!important;height:100%!important;background:#fff!important;border-right:1px solid #edf1f5!important;color:#078ab6!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;position:relative!important;z-index:5!important;flex-shrink:0!important;white-space:nowrap!important}

.tc-market-link:hover{background:#f7fcfe!important;color:#006f94!important;text-decoration:none!important}

.tc-market-link i{font-size:11px!important;transition:transform .2s ease!important}

.tc-market-link:hover i{transform:translateX(-3px)!important}

@keyframes tcMarketMove{
 0%{transform:translate3d(0,0,0)}
 100%{transform:translate3d(-50%,0,0)}
}

@media(max-width:768px){
 .tc-market-ticker,.tc-market-container,.tc-market-window,.tc-market-track,.tc-market-group{height:52px!important;min-height:52px!important}
 .tc-market-label{width:55px!important;min-width:55px!important;font-size:10px!important}
 .tc-market-live{width:6px!important;height:6px!important;min-width:6px!important}
 .tc-market-item{width:138px!important;min-width:138px!important;padding:0 10px!important}
 .tc-market-coin img{width:21px!important;height:21px!important}
 .tc-market-coin strong{font-size:10px!important}
 .tc-market-price{font-size:9px!important}
 .tc-market-up,.tc-market-down{font-size:8px!important;padding:4px 5px!important}
 .tc-market-link{width:88px!important;min-width:88px!important;font-size:9px!important}
}

@media(max-width:480px){
 .tc-market-label{width:42px!important;min-width:42px!important}
 .tc-market-label strong{display:none!important}
 .tc-market-item{width:130px!important;min-width:130px!important;padding:0 8px!important}
 .tc-market-link{width:72px!important;min-width:72px!important}
 .tc-market-link span{font-size:8px!important}
 .tc-market-link i{font-size:9px!important}
}
 
/* ===== HOME MARKET ===== */

.home-prices{padding:70px 0;background:#fff}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.home-section-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#08a5d2;font-size:9px;font-weight:900;letter-spacing:.8px}.home-section-eyebrow i{font-size:11px}.home-section-head h2{margin:7px 0 5px;color:#142033;font-size:26px;font-weight:900}.home-section-head p{margin:0;color:#8b97a5;font-size:11px}.home-section-link{height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:1px solid #dce7ed;border-radius:9px;color:#078db8;text-decoration:none!important;font-size:10px;font-weight:800;background:#fff;transition:.2s}.home-section-link:hover{border-color:#b7dce8;background:#f7fcfe;color:#00789e}.home-price-box{background:#fff;border:1px solid #e3ebf0;border-radius:16px;box-shadow:0 12px 35px rgba(15,23,42,.045);overflow:hidden}.home-price-box .table-responsive{overflow-x:auto}.home-price-box table{margin:0!important;min-width:850px}.home-price-box thead th{height:48px;padding:0 16px!important;background:#f8fafc!important;border-bottom:1px solid #e7edf1!important;color:#8b97a5!important;font-size:9px!important;font-weight:800!important;white-space:nowrap}.home-price-box tbody td{height:70px;padding:10px 16px!important;border-bottom:1px solid #eef2f5!important;color:#526173!important;font-size:10px!important;white-space:nowrap}.home-price-box tbody tr:last-child td{border-bottom:0}.home-price-box tbody tr{transition:.2s}.home-price-box tbody tr:hover{background:#fbfdfe}.home-coin{display:flex;align-items:center;gap:9px;min-width:140px}.home-coin img{width:32px;height:32px;object-fit:contain}.home-coin div{display:flex;flex-direction:column}.home-coin b{color:#263449;font-size:11px;font-weight:800}.home-coin small{margin-top:3px;color:#98a3b0;font-size:8px}.home-coin-price strong{color:#182538;font-size:12px;font-weight:900;direction:ltr}.home-coin-index{color:#a1acb8;font-size:9px;font-weight:700}.home-price-chart{display:block;width:80px;height:30px}.home-analysis-btn{height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:7px;background:linear-gradient(110deg,#00a9d8,#625de8);color:#fff!important;text-decoration:none!important;font-size:9px;font-weight:800;white-space:nowrap;transition:.2s}.home-analysis-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(0,155,210,.16)}.home-analysis-btn i{font-size:9px}.home-price-loading{display:inline-flex;align-items:center;gap:4px;color:#a2acb7;font-size:9px}.home-price-loading i{font-size:11px}.home-price-mobile{display:none}

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

@media(max-width:768px){

 .home-prices{padding:50px 0}

 .home-section-head{
  align-items:flex-start;
  margin-bottom:18px
 }

 .home-section-head h2{
  font-size:21px;
  margin-top:6px
 }

 .home-section-head p{
  font-size:10px;
  line-height:1.8
 }

 .home-section-link{
  height:35px;
  padding:0 10px;
  font-size:9px
 }

 .home-price-desktop{
  display:none
 }

 .home-price-mobile{
  display:flex;
  flex-direction:column;
  gap:10px
 }

 .home-mobile-coin{
  padding:14px;
  background:#fff;
  border:1px solid #e4ebf0;
  border-radius:13px;
  box-shadow:0 7px 22px rgba(15,23,42,.035)
 }

 .home-mobile-top{
  display:flex;
  align-items:center;
  justify-content:space-between
 }

 .home-mobile-top .home-coin img{
  width:36px;
  height:36px
 }

 .home-mobile-top .home-coin b{
  font-size:12px
 }

 .home-mobile-top .home-coin small{
  font-size:9px
 }

 .home-mobile-price strong{
  color:#172235;
  font-size:15px;
  font-weight:900
 }

 .home-mobile-middle{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  align-items:center;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #edf1f4
 }

 .home-mobile-middle>div{
  display:flex;
  flex-direction:column;
  gap:5px
 }

 .home-mobile-middle small{
  color:#9aa5b2;
  font-size:7px
 }

 .home-mobile-middle strong{
  color:#344256;
  font-size:9px
 }

 .home-mobile-middle .badge-soft,
 .home-mobile-middle .badge-soft-red{
  width:max-content;
  font-size:8px
 }

 .home-mobile-middle .home-price-chart{
  width:65px;
  height:25px;
  justify-self:end
 }

 .home-mobile-analysis{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid #edf1f4;
  color:#078db8!important;
  text-decoration:none!important;
  font-size:9px;
  font-weight:800
 }

 .home-mobile-analysis i{
  font-size:10px
 }
}

@media(max-width:420px){

 .home-section-head{
  flex-direction:column;
  gap:10px
 }

 .home-section-link{
  align-self:flex-start
 }

 .home-mobile-coin{
  padding:12px
 }

 .home-mobile-middle{
  grid-template-columns:repeat(2,1fr)
 }

 .home-mobile-middle .home-price-chart{
  display:none
 }

 .home-mobile-price strong{
  font-size:13px
 }
}

/* ===== TRADCHI FEATURES ===== */

.tc-features{padding:85px 0;background:#f8fafc;position:relative;overflow:hidden}.tc-features:before{content:"";position:absolute;width:500px;height:500px;left:-300px;top:80px;border-radius:50%;background:rgba(0,177,220,.045);filter:blur(80px);pointer-events:none}.tc-features-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:35px}.tc-section-label{display:inline-flex;align-items:center;gap:7px;color:#079bc8;font-size:10px;font-weight:900}.tc-section-label i{font-size:12px}.tc-features-head h2{margin:9px 0 0;color:#152235;font-size:31px;line-height:1.55;font-weight:900;letter-spacing:-.6px}.tc-features-head h2 strong{background:linear-gradient(110deg,#00a7d7,#625de8);-webkit-background-clip:text;background-clip:text;color:transparent}.tc-features-intro{max-width:390px}.tc-features-intro p{margin:0;color:#7d8998;font-size:11px;line-height:2.05}.tc-features-intro a{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#078eb9!important;text-decoration:none!important;font-size:10px;font-weight:800}.tc-features-intro a i{font-size:10px;transition:.2s}.tc-features-intro a:hover i{transform:translateX(-4px)}.tc-feature-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:265px;padding:21px;background:#fff;border:1px solid #e3ebf0;border-radius:16px;text-decoration:none!important;box-shadow:0 7px 25px rgba(15,23,42,.035);overflow:hidden;transition:.28s ease}.tc-feature-card:after{content:"";position:absolute;width:130px;height:130px;right:-70px;bottom:-70px;border-radius:50%;background:currentColor;opacity:.035;transition:.3s}.tc-feature-card:hover{transform:translateY(-5px);border-color:#cbdde5;box-shadow:0 18px 40px rgba(15,23,42,.08)}.tc-feature-card:hover:after{transform:scale(1.35)}.tc-feature-top{display:flex;align-items:center;justify-content:space-between}.tc-feature-number{color:#a9b4bf;font-size:9px;font-weight:900;letter-spacing:.5px}.tc-feature-arrow{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e7edf1;border-radius:8px;color:#98a5b2;font-size:10px;transition:.25s}.tc-feature-card:hover .tc-feature-arrow{background:#f2fbfe;color:#079fc9;border-color:#c8e8f0}.tc-feature-icon{width:50px;height:50px;display:grid;place-items:center;margin-top:22px;border-radius:13px;font-size:20px;transition:.25s}.tc-feature-card:hover .tc-feature-icon{transform:scale(1.05)}.tc-feature-card.blue{color:#079fc9}.tc-feature-card.blue .tc-feature-icon{color:#079fc9;background:#eefaff}.tc-feature-card.green{color:#16a56b}.tc-feature-card.green .tc-feature-icon{color:#16a56b;background:#ecfbf5}.tc-feature-card.purple{color:#675ce2}.tc-feature-card.purple .tc-feature-icon{color:#675ce2;background:#f2efff}.tc-feature-card.orange{color:#e08a17}.tc-feature-card.orange .tc-feature-icon{color:#e08a17;background:#fff8e9}.tc-feature-card.cyan{color:#078fb8}.tc-feature-card.cyan .tc-feature-icon{color:#078fb8;background:#eefaff}.tc-feature-card.red{color:#e0526d}.tc-feature-card.red .tc-feature-icon{color:#e0526d;background:#fff0f3}.tc-feature-card h3{margin:16px 0 7px;color:#1b293b;font-size:15px;font-weight:900}.tc-feature-card p{margin:0;color:#8290a0;font-size:10px;line-height:2;max-width:310px}.tc-feature-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;color:#9aa5b2;font-size:8px;font-weight:800}.tc-feature-bottom i{font-size:10px;transition:.2s}.tc-feature-card:hover .tc-feature-bottom{color:#078fb8}.tc-feature-card:hover .tc-feature-bottom i{transform:translateX(-4px)}@media(max-width:991px){.tc-features{padding:70px 0}.tc-features-head{align-items:flex-start;flex-direction:column;gap:15px}.tc-features-intro{max-width:550px}.tc-feature-card{min-height:250px}}@media(max-width:768px){.tc-features{padding:55px 0}.tc-features-head{margin-bottom:25px}.tc-features-head h2{font-size:24px}.tc-features-intro p{font-size:10px}.tc-feature-card{min-height:230px;padding:17px}.tc-feature-icon{width:45px;height:45px;margin-top:17px;font-size:18px}.tc-feature-card h3{font-size:14px}.tc-feature-card p{font-size:9px}.tc-feature-bottom{padding-top:13px}}@media(max-width:480px){.tc-features-head h2{font-size:22px}.tc-feature-card{min-height:215px}.tc-feature-card p{line-height:1.9}}
  
.tc-features-heading{
    margin-bottom:38px;
}

.tc-features-heading .tc-section-label{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:11px;
    color:#079bc8;
    font-size:11px;
    font-weight:900;
}

.tc-features-heading .tc-section-label i{
    font-size:12px;
}

.tc-features-heading h2{
    margin:0;
    color:#172438;
    font-size:34px;
    line-height:1.55;
    font-weight:900;
    letter-spacing:-.7px;
}

.tc-features-heading h2 strong{
    background:linear-gradient(110deg,#00a7d7,#625de8);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.tc-features-heading p{
    margin:10px auto 0;
    color:#718092;
    font-size:13px;
    line-height:2;
    font-weight:500;
}

@media(max-width:768px){
    .tc-features-heading{
        margin-bottom:27px;
    }

    .tc-features-heading .tc-section-label{
        font-size:10px;
    }

    .tc-features-heading h2{
        font-size:26px;
        line-height:1.55;
    }

    .tc-features-heading p{
        font-size:11px;
        line-height:2;
    }
}

@media(max-width:480px){
    .tc-features-heading h2{
        font-size:23px;
    }

    .tc-features-heading p{
        font-size:10px;
    }
}  
/* ===== SMART MARKET FILTERS ===== */

.tc-filters{padding:85px 0;background:#fff;position:relative}.tc-filters-heading{margin-bottom:36px}.tc-filters-heading .tc-section-label{display:inline-flex;align-items:center;gap:7px;color:#079bc8;font-size:11px;font-weight:900}.tc-filters-heading .tc-section-label i{font-size:12px}.tc-filters-heading h2{margin:10px 0 8px;color:#172438;font-size:34px;line-height:1.5;font-weight:900;letter-spacing:-.7px}.tc-filters-heading h2 strong{background:linear-gradient(110deg,#00a7d7,#625de8);-webkit-background-clip:text;background-clip:text;color:transparent}.tc-filters-heading p{max-width:570px;margin:auto;color:#718092;font-size:13px;line-height:2.05}.tc-filter-panel{padding:18px;background:#f8fafc;border:1px solid #e4ebf0;border-radius:18px;box-shadow:0 12px 35px rgba(15,23,42,.04)}.tc-filter-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:3px 3px 12px;border-bottom:1px solid #e6edf1}.tc-filter-title{display:flex;align-items:center;gap:10px}.tc-filter-main-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#eaf9fd;color:#079fc9;font-size:14px}.tc-filter-title>div:last-child{display:flex;flex-direction:column;gap:3px}.tc-filter-title strong{color:#263449;font-size:12px;font-weight:900}.tc-filter-title small{color:#929eab;font-size:8px}.tc-filter-live{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dfe9ed;border-radius:7px;background:#fff;color:#5c7180;font-size:8px;font-weight:800}.tc-filter-live i{width:6px;height:6px;border-radius:50%;background:#19b878;box-shadow:0 0 0 3px rgba(25,184,120,.1)}.tc-filter-item{position:relative;display:flex;align-items:center;gap:9px;min-height:70px;padding:11px 10px;background:#fff;border:1px solid #e5edf1;border-radius:11px;text-decoration:none!important;transition:.25s ease;overflow:hidden}.tc-filter-item:before{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:currentColor;opacity:.35}.tc-filter-item:hover{transform:translateY(-2px);border-color:#cddfe7;box-shadow:0 7px 18px rgba(15,23,42,.055)}.tc-filter-icon{width:35px;height:35px;min-width:35px;display:grid;place-items:center;border-radius:9px;font-size:14px}.tc-filter-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.tc-filter-info strong{color:#29374a;font-size:10px;font-weight:900;white-space:nowrap}.tc-filter-info small{color:#919eab;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-filter-chevron{color:#a3afb9;font-size:8px;transition:.2s}.tc-filter-item:hover .tc-filter-chevron{transform:translateX(-3px)}.tc-filter-item.blue{color:#079fc9}.tc-filter-item.blue .tc-filter-icon{background:#ebfaff;color:#079fc9}.tc-filter-item.purple{color:#675de0}.tc-filter-item.purple .tc-filter-icon{background:#f2efff;color:#675de0}.tc-filter-item.green{color:#17a56c}.tc-filter-item.green .tc-filter-icon{background:#ecfbf4;color:#17a56c}.tc-filter-item.red{color:#e4556d}.tc-filter-item.red .tc-filter-icon{background:#fff0f3;color:#e4556d}.tc-filter-item.cyan{color:#078eb8}.tc-filter-item.cyan .tc-filter-icon{background:#eafaff;color:#078eb8}.tc-filter-item.orange{color:#dc8a1b}.tc-filter-item.orange .tc-filter-icon{background:#fff8e9;color:#dc8a1b}.tc-filter-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:3px 4px 0;color:#9aa6b2;font-size:8px}.tc-filter-footer span{display:flex;align-items:center;gap:5px}.tc-filter-footer span i{color:#f0a61a}.tc-filter-footer a{display:flex;align-items:center;gap:6px;color:#078fb8!important;text-decoration:none!important;font-weight:900}.tc-filter-footer a i{font-size:9px;transition:.2s}.tc-filter-footer a:hover i{transform:translateX(-4px)}@media(max-width:768px){.tc-filters{padding:55px 0}.tc-filters-heading{margin-bottom:25px}.tc-filters-heading h2{font-size:26px}.tc-filters-heading p{font-size:11px;line-height:2}.tc-filter-panel{padding:12px;border-radius:14px}.tc-filter-panel-top{margin-bottom:10px}.tc-filter-main-icon{width:33px;height:33px}.tc-filter-title strong{font-size:10px}.tc-filter-title small{font-size:7px}.tc-filter-live{font-size:7px}.tc-filter-item{min-height:65px;padding:9px}.tc-filter-icon{width:31px;height:31px;min-width:31px;font-size:12px}.tc-filter-info strong{font-size:9px}.tc-filter-info small{font-size:6.5px}.tc-filter-footer{font-size:7px}.tc-filter-footer span{display:none}.tc-filter-footer{justify-content:flex-end}}@media(max-width:420px){.tc-filters-heading h2{font-size:23px}.tc-filter-item{gap:7px}.tc-filter-icon{width:29px;height:29px;min-width:29px}.tc-filter-info strong{font-size:8px}.tc-filter-info small{font-size:6px}.tc-filter-chevron{font-size:7px}}
  
/* ===== UPCOMING LISTINGS ===== */

.tc-listings{padding:85px 0;background:#f8fafc;position:relative;overflow:hidden}.tc-listings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}.tc-listings-heading h2{margin:9px 0 7px;color:#172438;font-size:32px;line-height:1.55;font-weight:900;letter-spacing:-.7px}.tc-listings-heading h2 strong{background:linear-gradient(110deg,#00a7d7,#625de8);-webkit-background-clip:text;background-clip:text;color:transparent}.tc-listings-heading p{margin:0;color:#718092;font-size:12px;line-height:2}.tc-listings-more{display:inline-flex;align-items:center;gap:8px;color:#078fb8!important;text-decoration:none!important;font-size:10px;font-weight:900;white-space:nowrap}.tc-listings-more i{transition:.2s}.tc-listings-more:hover i{transform:translateX(-5px)}.tc-listing-card{display:flex;flex-direction:column;min-height:285px;padding:17px;background:#fff;border:1px solid #e2eaf0;border-radius:15px;text-decoration:none!important;box-shadow:0 8px 25px rgba(15,23,42,.035);transition:.28s ease;overflow:hidden}.tc-listing-card:hover{transform:translateY(-5px);border-color:#c8dce5;box-shadow:0 18px 38px rgba(15,23,42,.08)}.tc-listing-top{display:flex;align-items:center;justify-content:space-between}.tc-listing-upcoming{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;background:#eefaff;color:#079bc8;font-size:7px;font-weight:900}.tc-listing-upcoming i{font-size:8px}.tc-listing-number{color:#a5b0ba;font-size:8px;font-weight:900}.tc-listing-coin{display:flex;align-items:center;gap:11px;margin-top:20px}.tc-listing-logo{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:#f5f8fa;border:1px solid #e8eef2}.tc-listing-logo img{width:30px;height:30px;object-fit:contain}.tc-listing-coin>div:last-child{display:flex;flex-direction:column;gap:4px}.tc-listing-coin strong{color:#253449;font-size:13px;font-weight:900}.tc-listing-coin small{color:#98a4b0;font-size:9px}.tc-listing-exchange{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:10px;background:#f8fafb;border:1px solid #edf1f3;border-radius:9px}.tc-listing-exchange div{display:flex;flex-direction:column;gap:5px}.tc-listing-exchange small{color:#9aa5b0;font-size:7px}.tc-listing-exchange strong{display:flex;align-items:center;gap:5px;color:#344357;font-size:9px;font-weight:900}.tc-listing-exchange strong i{color:#079bc5;font-size:10px}.tc-listing-exchange>i{color:#a3afb9;font-size:8px}.tc-listing-date{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.tc-listing-date>div{padding:9px;background:#fbfcfd;border:1px solid #edf1f3;border-radius:8px}.tc-listing-date small{display:block;color:#9ca7b2;font-size:7px;margin-bottom:4px}.tc-listing-date strong{color:#3c4c60;font-size:9px;font-weight:900}.tc-listing-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;color:#0795bd;font-size:8px;font-weight:900}.tc-listing-bottom span{display:flex;align-items:center;gap:5px}.tc-listing-bottom span i{font-size:9px}.tc-listing-bottom>i{font-size:9px;transition:.2s}.tc-listing-card:hover .tc-listing-bottom>i{transform:translateX(-4px)}@media(max-width:991px){.tc-listings{padding:70px 0}.tc-listings-heading{align-items:flex-start;flex-direction:column;gap:14px}}@media(max-width:768px){.tc-listings{padding:55px 0}.tc-listings-heading{margin-bottom:25px}.tc-listings-heading h2{font-size:26px}.tc-listings-heading p{font-size:11px}.tc-listing-card{min-height:270px;padding:15px}}@media(max-width:480px){.tc-listings-heading h2{font-size:23px}.tc-listing-card{min-height:255px}}
  
/* =====================================================
   TRADCHI — EXCHANGES SECTION
===================================================== */

.tc-exchanges{
    padding:90px 0;
    background:#fff;
}

.tc-exchanges-heading{
    margin-bottom:42px;
}

.tc-exchanges-heading .tc-section-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#079bc8;
    font-size:13px;
    font-weight:800;
}

.tc-exchanges-heading .tc-section-label i{
    font-size:14px;
}

.tc-exchanges-heading h2{
    margin:12px 0 10px;
    color:#172438;
    font-size:38px;
    line-height:1.5;
    font-weight:900;
    letter-spacing:-.8px;
}

.tc-exchanges-heading h2 strong{
    background:linear-gradient(110deg,#00a7d7,#625de8);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.tc-exchanges-heading p{
    max-width:650px;
    margin:auto;
    color:#718092;
    font-size:15px;
    line-height:2;
}


/* ================= CARD ================= */

.tc-exchange-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:360px;
    padding:22px;
    background:#fff;
    border:1px solid #e2eaf0;
    border-radius:18px;
    box-shadow:0 8px 28px rgba(15,23,42,.04);
    overflow:hidden;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.tc-exchange-card:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:4px;
    height:75px;
    background:currentColor;
    border-radius:0 18px 0 0;
    opacity:.55;
}

.tc-exchange-card:hover{
    transform:translateY(-6px);
    border-color:#cbdde5;
    box-shadow:0 20px 45px rgba(15,23,42,.09);
}


/* ================= COLORS ================= */

.tc-exchange-card.yellow{
    color:#d69d19;
}

.tc-exchange-card.cyan{
    color:#079fc9;
}

.tc-exchange-card.orange{
    color:#dc8a18;
}

.tc-exchange-card.purple{
    color:#685ddd;
}


/* ================= TOP ================= */

.tc-exchange-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.tc-exchange-index{
    color:#9ca9b5;
    font-size:11px;
    font-weight:800;
}

.tc-exchange-status{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border-radius:7px;
    background:#ecfbf5;
    color:#159d68;
    font-size:10px;
    font-weight:800;
}

.tc-exchange-status i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#18ad73;
    box-shadow:0 0 0 3px rgba(24,173,115,.1);
}


/* ================= BRAND ================= */

.tc-exchange-brand{
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:25px;
}

.tc-exchange-logo{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:15px;
    font-size:25px;
}

.tc-exchange-card.yellow .tc-exchange-logo{
    color:#d69d19;
    background:#fff8e6;
}

.tc-exchange-card.cyan .tc-exchange-logo{
    color:#079fc9;
    background:#eafaff;
}

.tc-exchange-card.orange .tc-exchange-logo{
    color:#dc8a18;
    background:#fff5e7;
}

.tc-exchange-card.purple .tc-exchange-logo{
    color:#685ddd;
    background:#f2efff;
}

.tc-exchange-brand > div:last-child{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.tc-exchange-brand strong{
    color:#243449;
    font-size:18px;
    line-height:1;
    font-weight:900;
}

.tc-exchange-brand small{
    color:#98a5b1;
    font-size:11px;
    font-weight:600;
}


/* ================= DESCRIPTION ================= */

.tc-exchange-desc{
    margin:21px 0 15px;
    color:#718092;
    font-size:12px;
    line-height:1.9;
}


/* ================= RATING ================= */

.tc-exchange-rating{
    display:flex;
    align-items:center;
    gap:9px;
}

.tc-stars{
    display:flex;
    gap:3px;
    color:#f1ae24;
    font-size:12px;
}

.tc-exchange-rating > strong{
    color:#536276;
    font-size:12px;
    font-weight:800;
}


/* ================= FEATURE ================= */

.tc-exchange-feature{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:17px;
    padding-top:14px;
    border-top:1px solid #edf1f3;
    color:#6f7f90;
    font-size:11px;
    font-weight:600;
}

.tc-exchange-feature i{
    color:#19a56d;
    font-size:13px;
}


/* ================= BUTTON ================= */

.tc-exchange-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    height:42px;
    margin-top:auto;
    border:1px solid #d9e5ea;
    border-radius:10px;
    color:#078fb8!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
    transition:.22s ease;
}

.tc-exchange-btn i{
    font-size:11px;
    transition:.22s ease;
}

.tc-exchange-btn:hover{
    background:#f1fbfd;
    border-color:#b9dce6;
}

.tc-exchange-btn:hover i{
    transform:translateX(-4px);
}


/* ================= FOOTER ================= */

.tc-exchanges-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:22px;
    color:#8d9aa7;
    font-size:10px;
}

.tc-exchanges-footer span{
    display:flex;
    align-items:center;
    gap:7px;
}

.tc-exchanges-footer span i{
    color:#079bc5;
    font-size:13px;
}

.tc-exchanges-footer a{
    display:flex;
    align-items:center;
    gap:7px;
    color:#078fb8!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
}

.tc-exchanges-footer a i{
    font-size:10px;
    transition:.2s;
}

.tc-exchanges-footer a:hover i{
    transform:translateX(-4px);
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

    .tc-exchanges{
        padding:75px 0;
    }

    .tc-exchanges-heading h2{
        font-size:34px;
    }

    .tc-exchange-card{
        min-height:345px;
    }
}


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

@media(max-width:768px){

    .tc-exchanges{
        padding:60px 0;
    }

    .tc-exchanges-heading{
        margin-bottom:30px;
    }

    .tc-exchanges-heading .tc-section-label{
        font-size:12px;
    }

    .tc-exchanges-heading h2{
        font-size:28px;
        line-height:1.6;
    }

    .tc-exchanges-heading p{
        font-size:12px;
        line-height:2;
    }

    .tc-exchange-card{
        min-height:330px;
        padding:19px;
    }

    .tc-exchange-brand{
        margin-top:20px;
    }

    .tc-exchange-logo{
        width:53px;
        height:53px;
        font-size:22px;
    }

    .tc-exchange-brand strong{
        font-size:16px;
    }

    .tc-exchange-brand small{
        font-size:10px;
    }

    .tc-exchange-desc{
        font-size:11px;
    }

    .tc-exchange-feature{
        font-size:10px;
    }

    .tc-exchange-btn{
        height:40px;
        font-size:10px;
    }

    .tc-exchanges-footer{
        justify-content:flex-end;
    }

    .tc-exchanges-footer span{
        display:none;
    }
}


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

@media(max-width:480px){

    .tc-exchanges-heading h2{
        font-size:25px;
    }

    .tc-exchanges-heading p{
        font-size:11px;
    }

    .tc-exchange-card{
        min-height:315px;
    }

    .tc-exchange-brand strong{
        font-size:15px;
    }

    .tc-exchange-desc{
        font-size:10px;
    }
}  
/* =====================================================
   TRADCHI — PLANS
===================================================== */

.tc-plans{
    padding:90px 0;
    background:#f8fafc;
}

.tc-plans-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:35px;
    margin-bottom:38px;
}

.tc-plans-heading h2{
    margin:11px 0 9px;
    color:#172438;
    font-size:36px;
    line-height:1.5;
    font-weight:900;
    letter-spacing:-.8px;
}

.tc-plans-heading h2 strong{
    background:linear-gradient(110deg,#00a7d7,#625de8);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.tc-plans-heading p{
    margin:0;
    color:#718092;
    font-size:14px;
    line-height:2;
}


/* ================= BILLING ================= */

.tc-billing{
    display:flex;
    align-items:center;
    gap:4px;
    padding:5px;
    background:#fff;
    border:1px solid #e1e9ee;
    border-radius:11px;
    box-shadow:0 5px 18px rgba(15,23,42,.035);
}

.tc-billing button{
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
    height:38px;
    padding:0 15px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#7d8b99;
    font-family:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
    transition:.2s;
}

.tc-billing button.active{
    background:#eefaff;
    color:#078fb8;
}

.tc-billing button span{
    padding:3px 6px;
    border-radius:5px;
    background:#eaf9f1;
    color:#16a26a;
    font-size:7px;
    font-weight:900;
}


/* ================= CARD ================= */

.tc-plan-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:475px;
    padding:25px;
    background:#fff;
    border:1px solid #e1e9ee;
    border-radius:18px;
    box-shadow:0 9px 30px rgba(15,23,42,.035);
    overflow:hidden;
    transition:.28s ease;
}

.tc-plan-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(15,23,42,.08);
    border-color:#cbdde5;
}

.tc-plan-card.popular{
    border:1px solid #a9dce9;
    box-shadow:0 14px 40px rgba(0,164,211,.09);
}

.tc-plan-card.popular:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,#00b5e8,#675de3);
}


/* ================= POPULAR ================= */

.tc-plan-popular{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin:-25px -25px 20px;
    padding:9px;
    background:linear-gradient(
        90deg,
        rgba(0,184,232,.08),
        rgba(103,93,227,.08)
    );
    color:#078fb8;
    font-size:9px;
    font-weight:900;
}

.tc-plan-popular i{
    font-size:10px;
}


/* ================= TOP ================= */

.tc-plan-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
}

.tc-plan-top h3{
    margin:0 0 7px;
    color:#243449;
    font-size:19px;
    font-weight:900;
}

.tc-plan-top p{
    margin:0;
    color:#8b98a6;
    font-size:11px;
    line-height:1.8;
}

.tc-plan-number{
    color:#d7e0e5;
    font-size:13px;
    font-weight:900;
}


/* ================= PRICE ================= */

.tc-plan-price{
    display:flex;
    align-items:flex-end;
    gap:7px;
    margin-top:26px;
}

.tc-plan-price strong{
    color:#172438;
    font-size:31px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.5px;
}

.tc-plan-price div{
    display:flex;
    align-items:center;
    gap:3px;
    margin-bottom:2px;
    color:#7d8a98;
    font-size:10px;
}

.tc-plan-price small{
    font-size:9px;
}


/* ================= SAVING ================= */

.tc-plan-saving{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:12px;
    color:#159b67;
    font-size:9px;
    font-weight:800;
}

.tc-plan-saving i{
    font-size:11px;
}


/* ================= DIVIDER ================= */

.tc-plan-divider{
    height:1px;
    margin:22px 0 17px;
    background:#edf1f3;
}


/* ================= FEATURES ================= */

.tc-plan-features{
    display:flex;
    flex-direction:column;
    gap:13px;
    margin:0;
    padding:0;
    list-style:none;
}

.tc-plan-features li{
    display:flex;
    align-items:center;
    gap:8px;
    color:#617083;
    font-size:11px;
}

.tc-plan-features li i{
    color:#19a66c;
    font-size:12px;
}


/* ================= BUTTON ================= */

.tc-plan-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:43px;
    margin-top:auto;
    border:1px solid #d8e5ea;
    border-radius:10px;
    color:#078fb8!important;
    background:#fff;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
    transition:.22s;
}

.tc-plan-btn i{
    transition:.22s;
}

.tc-plan-btn:hover{
    background:#f0fbfd;
    border-color:#b9dce5;
}

.tc-plan-btn:hover i{
    transform:translateX(-4px);
}

.tc-plan-btn.primary{
    color:#fff!important;
    border-color:transparent;
    background:linear-gradient(
        110deg,
        #00a7d7,
        #625de8
    );
    box-shadow:0 8px 20px rgba(0,155,207,.18);
}

.tc-plan-btn.primary:hover{
    box-shadow:0 12px 27px rgba(0,155,207,.25);
    transform:translateY(-1px);
}


/* ================= FOOTER ================= */

.tc-plans-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:20px;
    color:#8996a3;
    font-size:10px;
}

.tc-plans-footer span{
    display:flex;
    align-items:center;
    gap:7px;
}

.tc-plans-footer span i{
    color:#079bc5;
    font-size:13px;
}

.tc-plans-footer a{
    display:flex;
    align-items:center;
    gap:7px;
    color:#078fb8!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
}

.tc-plans-footer a i{
    transition:.2s;
}

.tc-plans-footer a:hover i{
    transform:translateX(-4px);
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

    .tc-plans{
        padding:75px 0;
    }

    .tc-plans-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:20px;
    }

    .tc-plans-heading h2{
        font-size:32px;
    }

    .tc-billing{
        align-self:flex-start;
    }

    .tc-plan-card{
        min-height:450px;
    }
}


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

@media(max-width:768px){

    .tc-plans{
        padding:60px 0;
    }

    .tc-plans-heading{
        margin-bottom:28px;
    }

    .tc-plans-heading h2{
        font-size:28px;
    }

    .tc-plans-heading p{
        font-size:12px;
    }

    .tc-billing button{
        height:36px;
        padding:0 13px;
        font-size:10px;
    }

    .tc-plan-card{
        min-height:430px;
        padding:21px;
    }

    .tc-plan-popular{
        margin:-21px -21px 18px;
    }

    .tc-plan-top h3{
        font-size:17px;
    }

    .tc-plan-price strong{
        font-size:28px;
    }

    .tc-plan-features li{
        font-size:10px;
    }

    .tc-plans-footer{
        justify-content:flex-end;
    }

    .tc-plans-footer span{
        display:none;
    }
}


@media(max-width:480px){

    .tc-plans-heading h2{
        font-size:25px;
    }

    .tc-plan-card{
        min-height:410px;
    }
} 

 
/* =====================================================
   TRADCHI — NEWS
===================================================== */

.tc-news{
    padding:90px 0;
    background:#fff;
}

.tc-news-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:35px;
    margin-bottom:38px;
}

.tc-news-heading h2{
    margin:11px 0 9px;
    color:#172438;
    font-size:36px;
    line-height:1.5;
    font-weight:900;
    letter-spacing:-.8px;
}

.tc-news-heading h2 strong{
    background:linear-gradient(
        110deg,
        #00a7d7,
        #625de8
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.tc-news-heading p{
    max-width:650px;
    margin:0;
    color:#718092;
    font-size:14px;
    line-height:2;
}

.tc-news-more{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:4px;
    color:#078fb8!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
}

.tc-news-more i{
    transition:.2s;
}

.tc-news-more:hover i{
    transform:translateX(-5px);
}


/* ================= CARD ================= */

.tc-news-card{
    display:flex;
    flex-direction:column;
    height:100%;
    background:#fff;
    border:1px solid #e1e9ee;
    border-radius:17px;
    overflow:hidden;
    text-decoration:none!important;
    box-shadow:0 8px 28px rgba(15,23,42,.035);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.tc-news-card:hover{
    transform:translateY(-6px);
    border-color:#cbdde5;
    box-shadow:0 20px 45px rgba(15,23,42,.085);
}


/* ================= IMAGE ================= */

.tc-news-image{
    position:relative;
    height:205px;
    overflow:hidden;
    background:#edf2f5;
}

.tc-news-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 45%,
        rgba(12,22,35,.25)
    );
    pointer-events:none;
}

.tc-news-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.tc-news-card:hover .tc-news-image img{
    transform:scale(1.055);
}


/* ================= TAG ================= */

.tc-news-tag{
    position:absolute;
    right:13px;
    top:13px;
    z-index:2;
    padding:7px 11px;
    border-radius:7px;
    font-size:10px;
    font-weight:900;
    backdrop-filter:blur(8px);
}

.tc-news-tag.news{
    background:rgba(0,166,211,.92);
    color:#fff;
}

.tc-news-tag.education{
    background:rgba(103,93,227,.92);
    color:#fff;
}

.tc-news-tag.analysis{
    background:rgba(21,165,108,.92);
    color:#fff;
}


/* ================= READ BUTTON ================= */

.tc-news-read{
    position:absolute;
    left:13px;
    bottom:13px;
    z-index:2;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:rgba(255,255,255,.94);
    color:#536476;
    font-size:11px;
    box-shadow:0 5px 15px rgba(0,0,0,.12);
    transition:.2s;
}

.tc-news-card:hover .tc-news-read{
    color:#078fb8;
    transform:translate(-2px,2px);
}


/* ================= CONTENT ================= */

.tc-news-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:20px 21px 18px;
}

.tc-news-meta{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:12px;
    color:#9aa6b2;
    font-size:9px;
}

.tc-news-meta span{
    display:flex;
    align-items:center;
    gap:5px;
}

.tc-news-meta i{
    color:#079bc5;
    font-size:10px;
}

.tc-news-content h3{
    margin:0 0 9px;
    color:#253449;
    font-size:16px;
    line-height:1.75;
    font-weight:900;
}

.tc-news-content p{
    margin:0;
    color:#788696;
    font-size:11px;
    line-height:2;
}

.tc-news-link{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:auto;
    padding-top:18px;
    color:#078fb8;
    font-size:10px;
    font-weight:900;
}

.tc-news-link i{
    transition:.2s;
}

.tc-news-card:hover .tc-news-link i{
    transform:translateX(-5px);
}


/* ================= FOOTER ================= */

.tc-news-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:22px;
    color:#8996a3;
    font-size:10px;
}

.tc-news-footer span{
    display:flex;
    align-items:center;
    gap:7px;
}

.tc-news-footer span i{
    color:#f0a61a;
    font-size:13px;
}

.tc-news-footer a{
    display:flex;
    align-items:center;
    gap:7px;
    color:#078fb8!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
}

.tc-news-footer a i{
    transition:.2s;
}

.tc-news-footer a:hover i{
    transform:translateX(-4px);
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

    .tc-news{
        padding:75px 0;
    }

    .tc-news-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
    }

    .tc-news-heading h2{
        font-size:32px;
    }

    .tc-news-more{
        margin:0;
    }

    .tc-news-image{
        height:195px;
    }
}


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

@media(max-width:768px){

    .tc-news{
        padding:60px 0;
    }

    .tc-news-heading{
        margin-bottom:28px;
    }

    .tc-news-heading h2{
        font-size:28px;
    }

    .tc-news-heading p{
        font-size:12px;
    }

    .tc-news-image{
        height:210px;
    }

    .tc-news-content{
        padding:18px;
    }

    .tc-news-content h3{
        font-size:15px;
    }

    .tc-news-content p{
        font-size:11px;
    }

    .tc-news-footer{
        justify-content:flex-end;
    }

    .tc-news-footer span{
        display:none;
    }
}


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

@media(max-width:480px){

    .tc-news-heading h2{
        font-size:25px;
    }

    .tc-news-heading p{
        font-size:11px;
    }

    .tc-news-image{
        height:190px;
    }

    .tc-news-content h3{
        font-size:14px;
    }
}

/* =====================================================
   TRADCHI — ABOUT
===================================================== */

.tc-about{
    position:relative;
    padding:95px 0;
    overflow:hidden;
    background:#f8fafc;
}

.tc-about-glow{
    position:absolute;
    width:500px;
    height:500px;
    left:-260px;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background:rgba(0,184,232,.055);
    filter:blur(70px);
    pointer-events:none;
}


/* ================= CONTENT ================= */

.tc-about-content h2{
    margin:13px 0 15px;
    color:#172438;
    font-size:37px;
    line-height:1.5;
    font-weight:900;
    letter-spacing:-1px;
}

.tc-about-content h2 strong{
    background:linear-gradient(
        110deg,
        #00a7d7,
        #625de8
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.tc-about-lead{
    max-width:600px;
    margin:0 0 10px;
    color:#435467;
    font-size:15px;
    line-height:2;
    font-weight:700;
}

.tc-about-text{
    max-width:620px;
    margin:0;
    color:#7a8998;
    font-size:13px;
    line-height:2.1;
}


/* ================= BENEFITS ================= */

.tc-about-benefits{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px 28px;
    margin-top:29px;
}

.tc-about-benefit{
    display:flex;
    align-items:flex-start;
    gap:11px;
}

.tc-about-benefit-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    font-size:16px;
}

.tc-about-benefit-icon.security{
    color:#079bc5;
    background:#e9f9fd;
}

.tc-about-benefit-icon.live{
    color:#16a56d;
    background:#eafaf3;
}

.tc-about-benefit-icon.ai{
    color:#685be0;
    background:#f0edff;
}

.tc-about-benefit-icon.growth{
    color:#e99a20;
    background:#fff7e8;
}

.tc-about-benefit h4{
    margin:0 0 3px;
    color:#26374a;
    font-size:13px;
    font-weight:900;
}

.tc-about-benefit p{
    margin:0;
    color:#8794a1;
    font-size:10px;
    line-height:1.8;
}


/* ================= BUTTON ================= */

.tc-about-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:30px;
    padding:11px 17px;
    border:1px solid #cfe2e9;
    border-radius:10px;
    background:#fff;
    color:#078fb8!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
    box-shadow:0 5px 17px rgba(15,23,42,.035);
    transition:.22s;
}

.tc-about-btn i{
    transition:.22s;
}

.tc-about-btn:hover{
    border-color:#a9d5e0;
    background:#f5fcfe;
}

.tc-about-btn:hover i{
    transform:translateX(-5px);
}


/* =====================================================
   PLATFORM PANEL
===================================================== */

.tc-about-panel{
    position:relative;
    padding:25px;
    border:1px solid #dfe9ee;
    border-radius:20px;
    background:rgba(255,255,255,.9);
    box-shadow:
        0 20px 55px rgba(15,23,42,.06);
}


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

.tc-about-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    margin-bottom:23px;
}

.tc-about-panel-head span{
    color:#9aa7b3;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.5px;
}

.tc-about-panel-head h3{
    margin:7px 0 0;
    color:#26374a;
    font-size:17px;
    font-weight:900;
}

.tc-about-panel-head h3 strong{
    color:#079bc5;
}

.tc-about-live{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border-radius:7px;
    background:#edfbf5;
    color:#18a66e;
    font-size:8px;
    font-weight:900;
}

.tc-about-live i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#1dbb7c;
    box-shadow:0 0 0 4px rgba(29,187,124,.1);
}


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

.tc-about-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
}

.tc-about-stat{
    position:relative;
    min-height:135px;
    padding:16px;
    border:1px solid #edf1f3;
    border-radius:13px;
    background:#fafcfd;
    overflow:hidden;
}

.tc-about-stat:after{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    right:-40px;
    bottom:-45px;
    border-radius:50%;
    opacity:.55;
}

.tc-about-stat.cyan:after{
    background:#dff7fc;
}

.tc-about-stat.green:after{
    background:#def8ec;
}

.tc-about-stat.purple:after{
    background:#ebe8ff;
}

.tc-about-stat.orange:after{
    background:#fff0d3;
}

.tc-about-stat-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.tc-about-stat-icon{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border-radius:8px;
    font-size:12px;
}

.cyan .tc-about-stat-icon{
    color:#079bc5;
    background:#e3f8fc;
}

.green .tc-about-stat-icon{
    color:#17a36d;
    background:#e4f8ef;
}

.purple .tc-about-stat-icon{
    color:#665bdc;
    background:#eeebff;
}

.orange .tc-about-stat-icon{
    color:#e79b22;
    background:#fff4df;
}

.tc-about-stat-arrow{
    color:#bdc8d0;
    font-size:11px;
}

.tc-about-stat strong{
    display:block;
    margin-top:18px;
    color:#243449;
    font-size:25px;
    line-height:1;
    font-weight:900;
}

.tc-about-stat small{
    display:block;
    margin-top:7px;
    color:#8996a3;
    font-size:9px;
    font-weight:700;
}


/* ================= PLATFORM ================= */

.tc-about-platform{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:13px;
    padding:13px;
    border:1px solid #e3edf1;
    border-radius:12px;
    background:linear-gradient(
        100deg,
        #f3fbfd,
        #f8f7ff
    );
}

.tc-platform-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:linear-gradient(
        135deg,
        #00a9d9,
        #625de8
    );
    color:#fff;
    font-size:14px;
    box-shadow:0 6px 15px rgba(0,160,210,.16);
}

.tc-platform-text{
    display:flex;
    flex-direction:column;
    gap:3px;
    flex:1;
}

.tc-platform-text strong{
    color:#2a3b4d;
    font-size:11px;
    font-weight:900;
}

.tc-platform-text span{
    color:#8a97a4;
    font-size:9px;
}

.tc-platform-check{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#e5f8ef;
    color:#18a66e;
    font-size:10px;
}


/* ================= TAGS ================= */

.tc-about-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:13px;
}

.tc-about-tags span{
    display:flex;
    align-items:center;
    gap:5px;
    padding:6px 9px;
    border:1px solid #e7edef;
    border-radius:7px;
    background:#fff;
    color:#738191;
    font-size:8px;
    font-weight:800;
}

.tc-about-tags i{
    color:#079bc5;
    font-size:9px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

    .tc-about{
        padding:75px 0;
    }

    .tc-about-content h2{
        font-size:32px;
    }

    .tc-about-panel{
        max-width:650px;
        margin:auto;
    }
}


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

@media(max-width:768px){

    .tc-about{
        padding:60px 0;
    }

    .tc-about-content h2{
        font-size:28px;
    }

    .tc-about-lead{
        font-size:13px;
    }

    .tc-about-text{
        font-size:11px;
    }

    .tc-about-benefits{
        grid-template-columns:1fr;
        gap:17px;
    }

    .tc-about-benefit-icon{
        width:37px;
        height:37px;
        flex-basis:37px;
    }

    .tc-about-panel{
        padding:19px;
        border-radius:16px;
    }

    .tc-about-stat{
        min-height:120px;
    }

    .tc-about-stat strong{
        font-size:22px;
    }

    .tc-about-tags span{
        font-size:8px;
    }
}


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

@media(max-width:480px){

    .tc-about-content h2{
        font-size:25px;
    }

    .tc-about-benefit p{
        font-size:9px;
    }

    .tc-about-panel-head h3{
        font-size:15px;
    }

    .tc-about-stat{
        padding:13px;
        min-height:110px;
    }

    .tc-about-stat strong{
        margin-top:14px;
        font-size:20px;
    }

    .tc-about-stat small{
        font-size:8px;
    }
}

/* =====================================================
   TRADCHI — NEWSLETTER
===================================================== */

.tc-newsletter{
    padding:55px 0 90px;
    background:#f8fafc;
}

.tc-newsletter-box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    min-height:235px;
    padding:38px 42px;
    border:1px solid #dce9ee;
    border-radius:22px;
    background:
        linear-gradient(
            120deg,
            #f3fcfe 0%,
            #f7f8ff 52%,
            #ffffff 100%
        );
    box-shadow:0 18px 50px rgba(15,23,42,.055);
    overflow:hidden;
}

.tc-newsletter-box:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(
        90deg,
        #00a9d8,
        #625de8
    );
}

.tc-newsletter-glow{
    position:absolute;
    width:280px;
    height:280px;
    left:-100px;
    top:-130px;
    border-radius:50%;
    background:rgba(0,184,232,.09);
    filter:blur(55px);
    pointer-events:none;
}


/* ================= CONTENT ================= */

.tc-newsletter-content{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:18px;
    max-width:620px;
}

.tc-newsletter-icon{
    flex:0 0 58px;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:linear-gradient(
        135deg,
        #00a8d7,
        #625de8
    );
    color:#fff;
    font-size:22px;
    box-shadow:
        0 10px 25px rgba(0,164,211,.18);
}

.tc-newsletter-label{
    display:flex;
    align-items:center;
    gap:6px;
    color:#0798be;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.4px;
}

.tc-newsletter-label i{
    font-size:10px;
}

.tc-newsletter-text h2{
    margin:7px 0 8px;
    color:#172438;
    font-size:26px;
    line-height:1.55;
    font-weight:900;
    letter-spacing:-.5px;
}

.tc-newsletter-text h2 strong{
    background:linear-gradient(
        110deg,
        #00a4d4,
        #625de8
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.tc-newsletter-text p{
    max-width:550px;
    margin:0;
    color:#738293;
    font-size:12px;
    line-height:2;
}


/* ================= FORM ================= */

.tc-newsletter-form{
    position:relative;
    z-index:1;
    display:flex;
    flex:0 0 390px;
    gap:8px;
    padding:6px;
    border:1px solid #dbe7ec;
    border-radius:13px;
    background:#fff;
    box-shadow:0 8px 25px rgba(15,23,42,.055);
}

.tc-newsletter-input{
    display:flex;
    align-items:center;
    flex:1;
    min-width:0;
    gap:8px;
    padding:0 11px;
}

.tc-newsletter-input i{
    color:#9aa7b3;
    font-size:14px;
}

.tc-newsletter-input input{
    width:100%;
    height:39px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#26374a;
    font-family:inherit;
    font-size:11px;
}

.tc-newsletter-input input::placeholder{
    color:#a3adb7;
}

.tc-newsletter-form button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:125px;
    height:39px;
    padding:0 13px;
    border:0;
    border-radius:9px;
    background:linear-gradient(
        110deg,
        #00a6d6,
        #625de8
    );
    color:#fff;
    font-family:inherit;
    font-size:10px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 6px 17px rgba(0,160,210,.16);
    transition:.22s;
}

.tc-newsletter-form button i{
    transition:.22s;
}

.tc-newsletter-form button:hover{
    transform:translateY(-1px);
    box-shadow:0 9px 22px rgba(0,160,210,.22);
}

.tc-newsletter-form button:hover i{
    transform:translateX(-4px);
}


/* ================= NOTE ================= */

.tc-newsletter-note{
    position:absolute;
    right:42px;
    bottom:19px;
    display:flex;
    align-items:center;
    gap:17px;
    color:#8b98a5;
    font-size:8px;
}

.tc-newsletter-note span{
    display:flex;
    align-items:center;
    gap:5px;
}

.tc-newsletter-note i{
    color:#18a66e;
    font-size:10px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

    .tc-newsletter{
        padding:45px 0 75px;
    }

    .tc-newsletter-box{
        flex-direction:column;
        align-items:stretch;
        gap:25px;
        padding:32px;
    }

    .tc-newsletter-content{
        max-width:none;
    }

    .tc-newsletter-form{
        flex:initial;
        width:100%;
    }

    .tc-newsletter-note{
        position:static;
    }
}


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

@media(max-width:768px){

    .tc-newsletter{
        padding:35px 0 60px;
    }

    .tc-newsletter-box{
        padding:25px 20px;
        border-radius:17px;
    }

    .tc-newsletter-content{
        align-items:flex-start;
        gap:13px;
    }

    .tc-newsletter-icon{
        flex-basis:46px;
        width:46px;
        height:46px;
        border-radius:12px;
        font-size:18px;
    }

    .tc-newsletter-text h2{
        font-size:22px;
    }

    .tc-newsletter-text p{
        font-size:11px;
    }

    .tc-newsletter-form{
        display:flex;
        flex-direction:column;
        gap:5px;
        padding:5px;
    }

    .tc-newsletter-input{
        min-height:42px;
    }

    .tc-newsletter-form button{
        width:100%;
        height:42px;
    }

    .tc-newsletter-note{
        flex-wrap:wrap;
        gap:9px 15px;
    }
}


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

@media(max-width:480px){

    .tc-newsletter-text h2{
        font-size:19px;
    }

    .tc-newsletter-text p{
        font-size:10px;
    }

    .tc-newsletter-label{
        font-size:7px;
    }

    .tc-newsletter-note{
        font-size:7px;
    }
} 
/* =====================================================
   TRADCHI — AUTH
===================================================== */

.tc-auth{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:45px 20px;
    background:#f7fafc;
    overflow:hidden;
    direction:rtl;
}

.tc-auth-grid{
    position:absolute;
    inset:0;
    opacity:.45;
    background-image:
        linear-gradient(#dce8ed 1px,transparent 1px),
        linear-gradient(90deg,#dce8ed 1px,transparent 1px);
    background-size:55px 55px;
    mask-image:linear-gradient(
        to bottom,
        transparent,
        #000 25%,
        #000 75%,
        transparent
    );
}

.tc-auth-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
    pointer-events:none;
}

.tc-auth-glow-1{
    width:420px;
    height:420px;
    top:-210px;
    right:-180px;
    background:rgba(0,184,232,.09);
}

.tc-auth-glow-2{
    width:360px;
    height:360px;
    bottom:-180px;
    left:-150px;
    background:rgba(98,93,232,.07);
}


/* ================= CONTAINER ================= */

.tc-auth-container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:455px;
}


/* ================= BRAND ================= */

.tc-auth-brand{
    display:flex;
    justify-content:center;
    margin-bottom:22px;
}

.tc-auth-logo{
    display:flex;
    align-items:center;
    gap:10px;
    color:#1c2b3c!important;
    text-decoration:none!important;
}

.tc-auth-logo>span{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(
        135deg,
        #00a8d7,
        #625de8
    );
    box-shadow:
        0 8px 22px rgba(0,163,211,.2);
}

.tc-auth-logo>span i{
    font-size:18px;
}

.tc-auth-logo>div{
    display:flex;
    flex-direction:column;
    gap:1px;
}

.tc-auth-logo strong{
    font-size:19px;
    font-weight:950;
}

.tc-auth-logo small{
    direction:ltr;
    color:#9aa6b1;
    font-size:7px;
    letter-spacing:1px;
}


/* ================= CARD ================= */

.tc-auth-card{
    padding:34px 36px 25px;
    border:1px solid #dfe9ee;
    border-radius:20px;
    background:rgba(255,255,255,.94);
    box-shadow:
        0 25px 70px rgba(15,23,42,.08);
    backdrop-filter:blur(15px);
}


/* ================= HEAD ================= */

.tc-auth-head{
    text-align:center;
    margin-bottom:25px;
}

.tc-auth-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin:0 auto 14px;
    border-radius:13px;
    background:#eaf9fd;
    color:#079bc5;
    font-size:19px;
}

.tc-auth-head h1{
    margin:0 0 7px;
    color:#172438;
    font-size:25px;
    font-weight:950;
}

.tc-auth-head p{
    margin:0;
    color:#84919e;
    font-size:11px;
    line-height:1.9;
}


/* ================= GOOGLE ================= */

.tc-google-btn{
    position:relative;
    width:100%;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid #dbe4e9;
    border-radius:10px;
    background:#fff;
    color:#26374a;
    font-family:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    transition:.22s;
}

.tc-google-btn:hover{
    border-color:#b9cbd3;
    background:#fafcfd;
    box-shadow:0 7px 20px rgba(15,23,42,.055);
    transform:translateY(-1px);
}

.tc-google-icon{
    position:absolute;
    right:14px;
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    font-size:17px;
    color:#4285f4;
}

.tc-google-btn>i{
    position:absolute;
    left:15px;
    color:#a0acb6;
    font-size:11px;
}


/* ================= DIVIDER ================= */

.tc-auth-divider{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:24px 0 21px;
}

.tc-auth-divider:before,
.tc-auth-divider:after{
    content:"";
    flex:1;
    height:1px;
    background:#e8eef1;
}

.tc-auth-divider span{
    padding:0 12px;
    color:#9aa6b1;
    background:#fff;
    font-size:9px;
}


/* ================= ANT FORM ================= */

.tc-auth-card .ant-form-item{
    margin-bottom:17px;
}

.tc-auth-card .ant-form-item-label{
    padding-bottom:6px!important;
}

.tc-auth-card .ant-form-item-label>label{
    color:#34465a!important;
    font-family:inherit;
    font-size:11px!important;
    font-weight:800;
}

.tc-auth-card .ant-form-item-explain-error{
    font-size:9px;
}

.tc-auth-input{
    height:46px!important;
    border:1px solid #dce6eb!important;
    border-radius:9px!important;
    background:#fbfdfe!important;
    box-shadow:none!important;
    color:#26374a!important;
    font-family:inherit!important;
    font-size:11px!important;
}

.tc-auth-input:hover,
.tc-auth-input:focus,
.tc-auth-input.ant-input-affix-wrapper-focused{
    border-color:#80c9dc!important;
    box-shadow:0 0 0 3px rgba(0,170,215,.07)!important;
}

.tc-auth-input .ant-input-prefix{
    margin-left:8px;
    color:#9ba8b3;
}

.tc-auth-input input::placeholder{
    color:#aab4bd!important;
}


/* ================= OPTIONS ================= */

.tc-auth-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:1px 0 20px;
}

.tc-auth-options .ant-checkbox-wrapper{
    color:#778594;
    font-family:inherit;
    font-size:10px;
}

.tc-auth-options .ant-checkbox-inner{
    width:14px;
    height:14px;
}

.tc-auth-options a{
    color:#078fb8!important;
    text-decoration:none!important;
    font-size:10px;
    font-weight:800;
}


/* ================= LOGIN BUTTON ================= */

.tc-login-btn{
    height:47px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px;
    border:0!important;
    border-radius:10px!important;
    background:linear-gradient(
        110deg,
        #00a6d6,
        #625de8
    )!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:900!important;
    box-shadow:
        0 9px 22px rgba(0,157,207,.18);
    transition:.22s!important;
}

.tc-login-btn:hover{
    transform:translateY(-1px);
    box-shadow:
        0 13px 28px rgba(0,157,207,.24);
}

.tc-login-btn .anticon{
    font-size:11px;
}


/* ================= SECURITY ================= */

.tc-auth-security{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:17px;
    color:#8b98a4;
    font-size:8px;
}

.tc-auth-security .anticon{
    color:#18a66e;
    font-size:12px;
}


/* ================= REGISTER ================= */

.tc-auth-register{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:23px;
    padding-top:20px;
    border-top:1px solid #edf1f3;
}

.tc-auth-register .ant-typography{
    color:#8b98a4;
    font-family:inherit;
    font-size:10px;
}

.tc-auth-register a{
    display:flex;
    align-items:center;
    gap:5px;
    color:#078fb8!important;
    text-decoration:none!important;
    font-size:10px;
    font-weight:900;
}

.tc-auth-register i{
    transition:.2s;
}

.tc-auth-register a:hover i{
    transform:translateX(-4px);
}


/* ================= FOOTER ================= */

.tc-auth-footer{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-top:18px;
    color:#a1acb5;
    font-size:8px;
}

.tc-auth-footer a{
    color:#8a98a4!important;
    text-decoration:none!important;
}

.tc-auth-footer a:hover{
    color:#078fb8!important;
}


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

@media(max-width:576px){

    .tc-auth{
        padding:25px 15px;
    }

    .tc-auth-card{
        padding:27px 21px 21px;
        border-radius:17px;
    }

    .tc-auth-head h1{
        font-size:23px;
    }

    .tc-auth-head p{
        font-size:10px;
    }

    .tc-google-btn{
        height:47px;
        font-size:11px;
    }

    .tc-auth-input{
        height:45px!important;
    }

    .tc-login-btn{
        height:46px!important;
    }

    .tc-auth-footer{
        font-size:7px;
    }
}


@media(max-width:380px){

    .tc-auth-card{
        padding:23px 17px 19px;
    }

    .tc-auth-options .ant-checkbox-wrapper,
    .tc-auth-options a{
        font-size:9px;
    }

}
/* =====================================================
   TRADCHI — REGISTER
===================================================== */

.tc-register-card{
    max-width:100%;
}

.tc-register-name-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.tc-register-name-row .ant-form-item{
    min-width:0;
}


/* ================= TERMS ================= */

.tc-register-terms{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:2px 0 18px;
    color:#8996a2;
    font-size:9px;
    line-height:1.9;
}

.tc-register-terms>i{
    flex:none;
    margin-top:2px;
    color:#18a66e;
    font-size:12px;
}

.tc-register-terms a{
    margin:0 3px;
    color:#078fb8!important;
    text-decoration:none!important;
    font-weight:800;
}

.tc-register-terms a:hover{
    color:#625de8!important;
}


/* ================= REGISTER BUTTON ================= */

.tc-register-btn{
    margin-top:2px;
}


/* ================= REGISTER PAGE ================= */

.tc-auth-register-page{
    padding-top:32px;
    padding-bottom:32px;
}


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

@media(max-width:576px){

    .tc-auth-register-page{
        padding-top:22px;
        padding-bottom:22px;
    }

    .tc-register-name-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .tc-register-terms{
        font-size:8px;
        margin-bottom:16px;
    }

    .tc-register-card{
        padding-top:25px;
    }

}


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

@media(max-width:380px){

    .tc-register-name-row{
        display:block;
    }

    .tc-auth-card .ant-form-item{
        margin-bottom:15px;
    }

    .tc-register-terms{
        font-size:7.5px;
    }

} 
.tc-register-terms{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:2px 0 18px;
    color:#8996a2;
    font-size:9px;
    line-height:2;
}

.tc-register-terms>i{
    flex:none;
    margin-top:3px;
    color:#18a66e;
    font-size:12px;
}

.tc-register-terms>span{
    display:block;
}

.tc-register-terms a{
    display:inline-block;
    margin:0 4px;
    color:#078fb8!important;
    text-decoration:none!important;
    font-weight:800;
    white-space:nowrap;
}

.tc-register-terms a:hover{
    color:#625de8!important;
} 
/* =========================================
   404 PAGE
========================================= */

.tc-404-page {
    min-height: calc(100vh - 80px);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 90px 0;
    background: var(--bg);
}

.tc-404-grid {
    position: absolute;
    inset: 0;
    opacity: .35;
    pointer-events: none;

    background-image:
        linear-gradient(rgba(0, 184, 232, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 184, 232, .045) 1px, transparent 1px);

    background-size: 60px 60px;

    mask-image: linear-gradient(
        to bottom,
        transparent,
        black 25%,
        black 75%,
        transparent
    );
}

.tc-404-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
}

.tc-404-glow-1 {
    top: 5%;
    right: -180px;
    background: rgba(0, 184, 232, .10);
}

.tc-404-glow-2 {
    bottom: 0;
    left: -180px;
    background: rgba(122, 92, 255, .09);
}

.tc-404-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: auto;
    text-align: center;
}


/* Visual */

.tc-404-visual {
    position: relative;
    width: 260px;
    height: 150px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tc-404-number {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;

    font-size: 105px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -8px;

    background: linear-gradient(
        135deg,
        #00c9ff,
        #7a5cff
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.tc-404-center {
    width: 78px;
    height: 78px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 30px;

    color: #00c9ff;

    background: rgba(8, 18, 30, .92);

    border: 1px solid rgba(0, 201, 255, .35);

    box-shadow:
        0 0 40px rgba(0, 201, 255, .16),
        inset 0 0 25px rgba(0, 201, 255, .06);
}

.tc-404-orbit {
    position: absolute;
    border: 1px solid rgba(0, 201, 255, .12);
    border-radius: 50%;
}

.tc-404-orbit-1 {
    width: 220px;
    height: 100px;
    transform: rotate(-12deg);
}

.tc-404-orbit-2 {
    width: 290px;
    height: 130px;
    transform: rotate(18deg);
    border-color: rgba(122, 92, 255, .10);
}


/* Label */

.tc-404-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 15px;

    border-radius: 30px;

    color: #9bdff3;

    background: rgba(0, 184, 232, .07);

    border: 1px solid rgba(0, 184, 232, .16);

    font-size: 15px;
    font-weight: 700;

    margin-bottom: 22px;
}

.tc-404-label span {
    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffc94d;
    background: rgba(255, 201, 77, .10);
}


/* Title */

.tc-404-content h1 {
    margin: 0;

    font-size: clamp(40px, 5vw, 64px);

    line-height: 1.35;

    font-weight: 800;

    color: var(--text, #fff);
}

.tc-404-content h1 strong {
    background: linear-gradient(
        90deg,
        #00c9ff,
        #7a5cff
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


/* Description */

.tc-404-description {
    max-width: 620px;

    margin: 20px auto 30px;

    color: var(--muted, #8c9aaa);

    font-size: 18px;

    line-height: 2;

}


/* Actions */

.tc-404-actions {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    flex-wrap: wrap;

    margin-bottom: 35px;
}

.tc-404-actions .tc-primary-btn,
.tc-404-actions .tc-secondary-btn {
    min-height: 54px;
    padding: 0 22px;
}


/* Quick Links */

.tc-404-links {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    flex-wrap: wrap;

    margin: 0 auto 25px;

    padding: 13px;

    width: fit-content;
    max-width: 100%;

    border-radius: 14px;

    background: rgba(255,255,255,.025);

    border: 1px solid rgba(255,255,255,.06);
}

.tc-404-links > span {
    color: var(--muted, #7d8997);

    font-size: 14px;

    padding-left: 7px;
}

.tc-404-links a {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding: 9px 13px;

    border-radius: 9px;

    color: var(--muted, #9aa5b1);

    text-decoration: none;

    font-size: 14px;

    transition: .2s ease;
}

.tc-404-links a:hover {
    color: #00c9ff;

    background: rgba(0, 201, 255, .06);

    transform: translateY(-2px);
}

.tc-404-links a i {
    font-size: 15px;
}


/* Status */

.tc-404-status {
    display: flex;

    justify-content: center;

    gap: 25px;

    color: var(--muted, #788492);

    font-size: 13px;
}

.tc-404-status span {
    display: inline-flex;

    align-items: center;

    gap: 7px;
}

.tc-404-status span:first-child i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #1ee07a;

    box-shadow: 0 0 10px rgba(30, 224, 122, .6);
}

.tc-404-status i.bi {
    color: #00c9ff;
}


/* Mobile */

@media (max-width: 576px) {

    .tc-404-page {
        min-height: calc(100vh - 65px);
        padding: 60px 18px;
    }

    .tc-404-visual {
        transform: scale(.82);
        margin-bottom: 10px;
    }

    .tc-404-content h1 {
        font-size: 38px;
    }

    .tc-404-description {
        font-size: 16px;
        line-height: 1.9;
    }

    .tc-404-actions {
        flex-direction: column;
    }

    .tc-404-actions a {
        width: 100%;
        justify-content: center;
    }

    .tc-404-links {
        width: 100%;
    }

    .tc-404-links > span {
        width: 100%;
        padding: 4px 0;
    }

    .tc-404-status {
        gap: 15px;
        flex-direction: column;
    }
} 
.tc-auth-checking{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(8,12,20,.5);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

.tc-auth-checking-loader{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    background:rgba(20,28,45,.92);
    box-shadow:0 18px 60px rgba(0,0,0,.4);
    animation:tc-auth-loader 1.1s ease-in-out infinite;
}

.tc-auth-checking-loader i{
    font-size:28px;
    color:var(--tc-primary,#00d09c);
}

@keyframes tc-auth-loader{
    0%,100%{
        transform:scale(1);
        opacity:.65;
    }

    50%{
        transform:scale(1.1);
        opacity:1;
    }
}
.coins-table-head-extended,
.coin-row-extended {
  grid-template-columns: 40px minmax(120px, 1.4fr) 90px repeat(6, 70px) 90px 80px;
}