/* Unique theme for flashusdt-software.online */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Syne:wght@700;800&display=swap');
:root {
  --theme-color: 190, 18, 60 !important;
  --theme-hex: #be123c !important;
  --theme-hex-secondary: #e11d48 !important;
  --theme-accent: #e11d48 !important;
  --theme-gradient: linear-gradient(135deg, #fda4af 0%, #be123c 55%, #9f1239 100%) !important;
  --theme-gradient-vertical: linear-gradient(180deg, #e11d48 0%, #be123c 100%) !important;
  --theme-gradient-text: linear-gradient(135deg, #1c1917 0%, #1c1917 50%, #be123c 100%) !important;
  --body-bg: #fff1f2 !important;
  --card-bg: #ffffff !important;
  --text-color: #57534e !important;
  --heading-color: #1c1917 !important;
  --black-color: #1c1917 !important;
  --tn-night: #1c0510 !important;
  --tn-deep: #3f0d1e !important;
  --tn-ox: #be123c !important;
  --tn-ox2: #9f1239 !important;
  --tn-ox3: #fda4af !important;
  --tn-sap: #be123c !important;
  --tn-sap2: #e11d48 !important;
  --tn-champ: #e11d48 !important;
  --tn-champ2: #fb7185 !important;
  --tn-champl: #fda4af !important;
  --tn-cgrd: linear-gradient(120deg, #fda4af 0%, #e11d48 50%, #fb7185 100%) !important;
  --tn-ogrd: linear-gradient(135deg, #be123c 0%, #9f1239 100%) !important;
  --tn-sgrad: linear-gradient(135deg, #be123c 0%, #1c0510 100%) !important;
  --tn-rgrad: linear-gradient(120deg, #fda4af 0%, #e11d48 50%, #fb7185 100%) !important;
  --site-radius: 28px;
  --site-btn-radius: 999px;
}
html, body {
  background: #fff1f2 !important;
  color: #57534e;
  font-family: 'Sora', system-ui, sans-serif !important;
  background-image: radial-gradient(ellipse at 0% 100%, rgba(225,29,72,.12), transparent 45%), radial-gradient(ellipse at 100% 0%, rgba(253,164,175,.2), transparent 40%) !important;
}
body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(circle at 50% 50%, rgba(190,18,60,.06) 0 18%, transparent 19%);
  background-size: 24px 24px;
  opacity: .9;
}
h1, h2, h3, .tn-hero-h, .logo-text, .section-title {
  font-family: 'Syne', system-ui, sans-serif !important;
  letter-spacing: 0;
}
.logo-text { letter-spacing: 0 !important; }
.logo-text em { color: #be123c !important; font-style: normal; }
.tn-util { background: #1c0510 !important; }
.tn-live { background: #be123c !important; box-shadow: 0 0 0 4px rgba(190, 18, 60, .2) !important; }
.tn-buy, .primary-btn, .primary-btn3, .primary-btn4, a.tn-buy, .cm-wa {
  background: linear-gradient(135deg, #e11d48, #be123c 55%, #9f1239) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(190, 18, 60, .25) !important;
}
.tn-nav a:hover, .tn-nav a.active { color: #be123c !important; }
.tn-header, .header, .pricing-card, .fus-card, .blog-card, .faq-item, .feature-card {
  border-radius: 28px !important;
}
.cta-band {
  background: linear-gradient(135deg, #1c0510, #be123c 55%, #9f1239) !important;
  color: #fff !important;
  border-radius: 28px !important;
}
.cta-band h2, .cta-band p { color: #fff !important; }
.tn-netmap { background: #1c0510 !important; }
.tn-netmap::before {
  content: "";
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(125deg, rgba(190,18,60,.9) 0%, rgba(28,5,16,.55) 55%, rgba(251,113,133,.3) 100%);
}
.tn-netmap-bg, .tn-hero-media img, .hero-bg img, .tn-hero img {
  opacity: .28 !important;
  filter: hue-rotate(-25deg) saturate(1.25) brightness(.88) !important;
}
.tn-nums > div { background: rgba(0,0,0,.45) !important; border-radius: 28px !important; }
::selection { background: rgba(190, 18, 60, .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; }
}
