/* Modern Tech theme — csassignmenthelp.com
   Light, airy background with crisp electric-blue accents and a dark contrast footer —
   keeps the code-editor energy without the heavy dark-mode weight. */

:root {
  --bg: #f7f9fd;
  --bg-alt: #eef2fa;
  --surface: #ffffff;
  --surface-border: #e2e8f5;
  --text: #101a35;
  --text-muted: #5b6786;
  --accent: #2f6fed;
  --accent-strong: #1d4ed8;
  --accent-contrast: #ffffff;
  --header-bg: rgba(247, 249, 253, 0.9);
  --footer-bg: #0a1128;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(47, 111, 237, 0.14);
  --font-heading: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
}

body.theme-modern-tech {
  background-image:
    radial-gradient(circle at 12% 0%, rgba(47, 111, 237, 0.10), transparent 40%),
    radial-gradient(circle at 88% 15%, rgba(124, 58, 237, 0.08), transparent 45%);
  background-attachment: fixed;
}

.theme-modern-tech .stat-card,
.theme-modern-tech .category-card,
.theme-modern-tech .why-card,
.theme-modern-tech .testimonial-card,
.theme-modern-tech .faq-item,
.theme-modern-tech .pricing-card,
.theme-modern-tech .service-card,
.theme-modern-tech .case-card,
.theme-modern-tech .contact-method {
  box-shadow: 0 2px 10px rgba(16, 26, 53, 0.05);
}

.theme-modern-tech .hero::before {
  content: '';
  position: absolute;
  inset: -20% -10% auto -10%;
  height: 420px;
  background: radial-gradient(ellipse at center, rgba(47, 111, 237, 0.10), transparent 70%);
  z-index: -1;
}

.theme-modern-tech .stat-value {
  background: linear-gradient(90deg, var(--accent-strong), #7c3aed);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.theme-modern-tech .brand-name {
  color: var(--text);
}

.theme-modern-tech .eyebrow {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  background: #eaf0fe;
  color: var(--accent-strong);
  padding: 6px 14px;
  border-radius: 999px;
}

.theme-modern-tech .site-footer,
.theme-modern-tech .site-footer p,
.theme-modern-tech .footer-col a,
.theme-modern-tech .footer-tagline {
  color: #b7c1de;
}
.theme-modern-tech .footer-col a:hover { color: #7fa4ff; }
.theme-modern-tech .footer-bottom { color: #7783a3; border-color: #1b2648; }
.theme-modern-tech .footer-brand .brand-name { color: #f4f7ff; }