/* Unique luxury theme — usdtflashsystem.com */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Literata:wght@400;600&display=swap');
:root {
  --theme-color: 30, 64, 175 !important;
  --theme-hex: #1e40af !important;
  --theme-hex-secondary: #60a5fa !important;
  --theme-accent: #60a5fa !important;
  --theme-gradient: linear-gradient(135deg, #dbeafe 0%, #1e40af 55%, #1e3a8a 100%) !important;
  --body-bg: #f4f7fb !important;
  --text-color: #334155 !important;
  --heading-color: #172554 !important;
  --black-color: #172554 !important;
  --tq-night: #1e3a8a !important;
  --tq-deep: #172554 !important;
  --tq-teal: #1e40af !important;
  --tq-teal2: #60a5fa !important;
  --radius: 16px !important;
}
html, body {
  background: #f4f7fb !important;
  color: #334155;
  font-family: 'Literata', Georgia, serif !important;
  background:#f4f7fb !important;
}
body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(circle at 2px 2px, rgba(30,64,175,.1) 1.5px, transparent 0);
  background-size: 28px 28px;
}
h1, h2, h3, .tq-hero-h1, .logo-text, .section-title {
  font-family: 'Sora', system-ui, sans-serif !important;
  letter-spacing: -0.03em;
}
.logo-text em { color: #60a5fa !important; font-style: normal; }
.tq-buy, .tq-btn-dark, .primary-btn, a.tq-buy {
  background: linear-gradient(135deg, #60a5fa, #1e40af 55%, #1e3a8a) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
}
.tq-hero, .tq-hero-glow { background: linear-gradient(200deg, rgba(30,64,175,.88) 0%, rgba(219,234,254,.5) 100%) !important; }
.tq-hero-bg, .tq-hero img, img.tq-hero-bg {
  filter: hue-rotate(200deg) brightness(.85) saturate(1.05) !important;
  opacity: .38 !important;
}
.pricing-card, .tq-card, .faq-item, .blog-card {
  border-radius: 16px !important;
}
.cta-band, .tq-cta, .tq-ready {
  background: linear-gradient(135deg, #1e3a8a, #1e40af) !important;
  color: #fff !important;
}
::selection { background: rgba(30, 64, 175, .28); }

.tq-hero-in { perspective: 1200px; }
.tq-bar { backdrop-filter: blur(16px); background: rgba(244,247,251,.8) !important; }
.pricing-card { transform: rotate(-0.4deg); }
.pricing-card:nth-child(2n) { transform: rotate(0.5deg); }


@keyframes luxSpinusdtflashsystemcom { to { transform: rotate(360deg); } }
@keyframes luxTurnusdtflashsystemcom { 0% { transform: rotateY(0); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } }
@keyframes luxFloatusdtflashsystemcom { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }
@keyframes luxTiltusdtflashsystemcom { 0%,100% { transform: rotate(-6deg); } 50% { transform: rotate(8deg); } }
@keyframes luxOrbitusdtflashsystemcom { to { transform: rotate(360deg) translateX(12px) rotate(-360deg); } }
@keyframes luxFadeusdtflashsystemcom { 0%,100% { opacity:.55; } 50% { opacity:1; } }
.lux-cut { position:absolute; width: min(42vw, 220px); height: auto; pointer-events:none; z-index:2; filter: drop-shadow(0 18px 28px rgba(30, 64, 175,.28)); }
.lux-cut img { width:100%; height:auto; display:block; background:transparent; }
.lux-c0 { top: 12%; right: 6%; animation: luxSpinusdtflashsystemcom 14s linear infinite; }
.lux-c1 { top: 38%; right: 14%; width: min(28vw, 150px); animation: luxTurnusdtflashsystemcom 9s ease-in-out infinite; }
.lux-c2 { bottom: 18%; right: 8%; width: min(24vw, 130px); animation: luxFloatusdtflashsystemcom 4.2s ease-in-out infinite; }
.lux-c3 { top: 22%; left: 4%; width: min(22vw, 120px); animation: luxTiltusdtflashsystemcom 5s ease-in-out infinite; }
.lux-c4 { bottom: 12%; left: 8%; width: min(26vw, 140px); animation: luxOrbitusdtflashsystemcom 11s linear infinite; }
.lux-c5 { top: 8%; left: 28%; width: min(18vw, 96px); animation: luxFadeusdtflashsystemcom 3.4s ease-in-out infinite; }
.tq-hero, .tq-plans, .pricing, #pricing, .tq-steps, .tq-why, .tq-facts, .tq-cta, .tq-ready, .tq-team, .blog-grid, section { position: relative; }
.tq-coin { animation: luxTurnusdtflashsystemcom 8s linear infinite; }
.pricing-card:nth-child(1) img, .tq-card:nth-child(1) img { animation: luxSpinusdtflashsystemcom 16s linear infinite; }
.pricing-card:nth-child(2) img, .tq-card:nth-child(2) img { animation: luxTurnusdtflashsystemcom 11s ease-in-out infinite; }
.pricing-card:nth-child(3) img, .tq-card:nth-child(3) img { animation: luxFloatusdtflashsystemcom 4s ease-in-out infinite; }
img[src*="cutouts"] { background: transparent !important; }
.lux-hero-stage { position:relative; overflow:hidden; min-height: 52vh; }
.lux-slide { position:absolute; inset:0; opacity:0; transition: opacity .8s ease; display:flex; align-items:center; justify-content:flex-end; padding: 2rem; }
.lux-slide.is-on { opacity:1; z-index:1; }
.lux-slide img { width:min(46vw, 340px); background:transparent; }
.lux-dots { display:flex; gap:.4rem; justify-content:center; margin-top: .8rem; }
.lux-dots button { width:10px; height:10px; border-radius:16px; border:0; background:#60a5fa; opacity:.4; cursor:pointer; }
.lux-dots button.on { opacity:1; }
@media (max-width: 860px) {
  .lux-cut { width: 72px !important; opacity:.85; }
  .lux-c3, .lux-c5 { display:none; }
  .lux-slide img { width: min(70vw, 220px); }
  .tq-hero-in { grid-template-columns: 1fr !important; direction: ltr !important; }
}
@media (prefers-reduced-motion: reduce) {
  .lux-cut, .lux-slide, .tq-coin, .pricing-card img { animation: none !important; }
}

@media (max-width: 640px) {
  .tq-hero-h1, h1 { font-size: clamp(1.65rem, 8.2vw, 2.4rem) !important; }
  .logo-text { font-size: clamp(.78rem, 3.4vw, 1.02rem) !important; }
}
