/* Unique theme for flashusdts.work */
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;600;700&family=Archivo+Black&display=swap');
:root {
  --theme-color: 15, 118, 110 !important;
  --theme-hex: #0f766e !important;
  --theme-hex-secondary: #0d9488 !important;
  --theme-accent: #0d9488 !important;
  --theme-gradient: linear-gradient(135deg, #5eead4 0%, #0f766e 55%, #115e59 100%) !important;
  --theme-gradient-vertical: linear-gradient(180deg, #0d9488 0%, #0f766e 100%) !important;
  --theme-gradient-text: linear-gradient(135deg, #134e4a 0%, #134e4a 50%, #0f766e 100%) !important;
  --body-bg: #f0fdfa !important;
  --card-bg: #ffffff !important;
  --text-color: #3f4f4c !important;
  --heading-color: #134e4a !important;
  --black-color: #134e4a !important;
  --tn-night: #042f2e !important;
  --tn-deep: #134e4a !important;
  --tn-ox: #0f766e !important;
  --tn-ox2: #115e59 !important;
  --tn-ox3: #5eead4 !important;
  --tn-sap: #0f766e !important;
  --tn-sap2: #0d9488 !important;
  --tn-champ: #0d9488 !important;
  --tn-champ2: #2dd4bf !important;
  --tn-champl: #5eead4 !important;
  --tn-cgrd: linear-gradient(120deg, #5eead4 0%, #0d9488 50%, #2dd4bf 100%) !important;
  --tn-ogrd: linear-gradient(135deg, #0f766e 0%, #115e59 100%) !important;
  --tn-sgrad: linear-gradient(135deg, #0f766e 0%, #042f2e 100%) !important;
  --tn-rgrad: linear-gradient(120deg, #5eead4 0%, #0d9488 50%, #2dd4bf 100%) !important;
  --site-radius: 22px;
  --site-btn-radius: 22px;
}
html, body {
  background: #f0fdfa !important;
  color: #3f4f4c;
  font-family: 'Karla', system-ui, sans-serif !important;
  background-image: radial-gradient(circle at 80% 10%, rgba(45,212,191,.2), transparent 35%) !important;
}
body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(circle at 1px 1px, rgba(15,118,110,.08) 1px, transparent 0);
  background-size: 24px 24px;
  opacity: .9;
}
h1, h2, h3, .tn-hero-h, .logo-text, .section-title {
  font-family: 'Archivo Black', system-ui, sans-serif !important;
  letter-spacing: -0.02em;
}
.logo-text { letter-spacing: -0.02em !important; }
.logo-text em { color: #0f766e !important; font-style: normal; }
.tn-util { background: #042f2e !important; }
.tn-live { background: #0f766e !important; box-shadow: 0 0 0 4px rgba(15, 118, 110, .2) !important; }
.tn-buy, .primary-btn, .primary-btn3, .primary-btn4, a.tn-buy, .cm-wa {
  background: linear-gradient(135deg, #0d9488, #0f766e 55%, #115e59) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15, 118, 110, .25) !important;
}
.tn-nav a:hover, .tn-nav a.active { color: #0f766e !important; }
.tn-header, .header, .pricing-card, .fus-card, .blog-card, .faq-item, .feature-card {
  border-radius: 22px !important;
}
.cta-band {
  background: linear-gradient(135deg, #042f2e, #0f766e 55%, #115e59) !important;
  color: #fff !important;
  border-radius: 22px !important;
}
.cta-band h2, .cta-band p { color: #fff !important; }
.tn-netmap { background: #042f2e !important; }
.tn-netmap::before {
  content: "";
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(200deg, rgba(15,118,110,.9) 10%, rgba(4,47,46,.65) 80%);
}
.tn-netmap-bg, .tn-hero-media img, .hero-bg img, .tn-hero img {
  opacity: .28 !important;
  filter: hue-rotate(140deg) saturate(1.15) brightness(.9) !important;
}
.tn-nums > div { background: rgba(0,0,0,.45) !important; border-radius: 22px !important; }
::selection { background: rgba(15, 118, 110, .28); }
@media (max-width: 860px) {
  .tn-netmap-in, .hero-content, .fus-new-grid { grid-template-columns: 1fr !important; }
  .tn-bar-in, .header-actions { flex-wrap: wrap !important; gap: .5rem; }
  .tn-nav { max-width: 100%; }
}
@media (max-width: 640px) {
  .tn-hero-h, h1 { font-size: clamp(1.75rem, 8.5vw, 2.5rem) !important; line-height: 1.15 !important; }
  .tn-nums { grid-template-columns: 1fr 1fr !important; gap: .75rem !important; }
  .logo-text { font-size: clamp(.85rem, 3.8vw, 1.05rem) !important; }
  .tn-util-long { display: none !important; }
  .header-actions .tn-buy { padding: .55rem 1rem !important; }
}
@media (max-width: 400px) {
  .tn-nums { grid-template-columns: 1fr !important; }
}