@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

body {
  min-height: 100vh;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 40px 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #334155;
  background-color: #f8fafc;
  background-image: radial-gradient(rgba(148, 163, 184, 0.25) 1px, transparent 1px), url("planets-bg.svg");
  background-size: 24px 24px, 400px 400px;
  animation: scrollPlanets 75s linear infinite;
}

@keyframes scrollPlanets {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 0 0, 400px 400px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body {
    animation: none;
  }
}

/* Headings */
h1, h2, h3, .title {
  font-family: 'Playfair Display', Georgia, serif;
  color: #0f172a;
  font-weight: 700;
  letter-spacing: -0.01em;
}

h4, h5, h6 {
  font-weight: 600;
  color: #1e293b;
}

/* Polished Cards & Containers */
div[style*="border: 2px solid navy"],
#star-summary {
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
  transition: box-shadow 0.2s ease;
}

div[style*="border: 2px solid navy"]:hover,
#star-summary:hover {
  box-shadow: 0 8px 25px -4px rgba(15, 23, 42, 0.08) !important;
}

/* Select inputs */
select {
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  color: #1e293b !important;
  font-weight: 500 !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

select:focus {
  outline: none !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

/* Navbar styling */
.navbar {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
  font-weight: 500;
}