/* <style css main file/> */
:root{
  --teal:#0f766e;
  --teal-dark:#064e4a;
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e5e7eb;
  --gold:#facc15;
  --danger:#dc2626;
}

*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system}
body{margin:0;background:white;color:var(--text); 
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Footer */
footer {
  width: 100%;
  display: flex;
  padding: 0 8rem 0 8rem;
  justify-content: space-between;
  align-items: start;
  font-size: 1rem;
  color: var(--teal);
  margin-bottom: 1.5rem;
}

footer a {
  color: var(--teal);
  text-decoration: none;
  margin-left: 2rem;
  transition: color 0.25s ease;
}

footer a:hover { color: var(--gold); }

/* Responsive */

@media (max-width: 580px) {
  footer { width: 100%; font-size: 0.7rem; padding: 0 1.2rem; gap:1rem; align-items: start;}
  footer a { margin: 0;}
}