:root {
  --background: #ffffff;
  --foreground: #111111;
  --accent: #dc2626;
  --accent-light: #fef2f2;
  --accent-muted: #f87171;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

* {
  box-sizing: border-box;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans), Arial, Helvetica, sans-serif;
}

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 20px rgba(220, 38, 38, 0.15); }
  50% { box-shadow: 0 0 40px rgba(220, 38, 38, 0.3); }
}

.glow-border {
  animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

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

/* Smooth scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #dc2626;
}

html { scroll-behavior:smooth; }
body { margin:0; }
* { box-sizing:border-box; }
button {cursor:pointer;}
[hidden] { display:none !important; }

/* Additive, crawlable educational section: leaves existing React UI untouched */
.tc-seo-hub{box-sizing:border-box;max-width:1024px;margin:0 auto;padding:54px 24px 72px;color:#18212f;font:16px/1.7 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#fff}
.tc-seo-hub *{box-sizing:border-box}.tc-seo-hub h2{font-size:clamp(1.5rem,3vw,2.05rem);line-height:1.28;font-weight:800;margin:0 0 14px}.tc-seo-hub h3{font-size:1.12rem;font-weight:750;line-height:1.4;margin:12px 0}.tc-seo-hub p{color:#596377;margin:0 0 12px}.tc-seo-hub .tc-seo-eyebrow{font-size:12px;letter-spacing:.12em;color:#bf233b;font-weight:800;text-transform:uppercase;margin-bottom:8px}.tc-seo-intro{max-width:850px}.tc-seo-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 44px}.tc-seo-guide-grid article{border:1px solid #e5e7eb;border-radius:16px;padding:24px;background:#fff;box-shadow:0 3px 15px #10182708}.tc-guide-tag{font-size:11px;color:#a72d46;background:#fff1f2;padding:6px 10px;border-radius:12px;font-weight:700}.tc-seo-hub a{color:#b42343;text-decoration:none}.tc-seo-hub a:hover{text-decoration:underline}.tc-seo-hub .tc-guide-link{font-weight:750;font-size:14px}.tc-seo-faq{border-top:1px solid #e5e7eb;padding-top:30px}.tc-seo-faq details{border-bottom:1px solid #e5e7eb;padding:16px 0}.tc-seo-faq summary{cursor:pointer;font-weight:700;line-height:1.5}.tc-seo-faq details p{padding-top:12px}.tc-hub-back{padding-top:28px}@media(max-width:760px){.tc-seo-guide-grid{grid-template-columns:1fr}.tc-seo-hub{padding:38px 18px 58px}}