body {
  margin: 0;
  background: #ffffff;
  color: #111;

  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "SF Pro Text", "Helvetica Neue", Arial, sans-serif;

  font-size: 14
  px; /* ✅ readable baseline */
  -webkit-font-smoothing: antialiased;
}

/* REMOVE FORCED GLOBAL OVERRIDES */
* {
  font-weight: 400;
}

/* TOP BAR */
.topbar {
  background: #000;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 14px;
}

.topbar a {
  color: #fff;
  text-decoration: none;
}

/* MAIN CONTAINER */
.container {
  max-width: 720px;
  margin: auto;
  padding: 60px 20px;
}

/* 🍏 MONDELIX BRAND (LARGER + STRONGER) */
h1 {
  font-size: 52px;   /* 🔥 increased */
  font-weight: 600;
  letter-spacing: -1.5px;
  margin-bottom: 8px;
}

/* SUBTITLE */
p {
  color: #666;
  font-size: 14px;
  margin-bottom: 20px;
}

/* INPUTS */
textarea,
input {
  width: 100%;
  padding: 14px;
  margin: 10px 0;
  border: 1px solid #e5e5e5;
  border-radius: 10px;

  font-size: 16px;  /* ✅ readable */
  font-family: inherit;
}

/* BUTTON */
button {
  width: 100%;
  padding: 14px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 10px;
  cursor: pointer;

  font-size: 16px;
}

/* OUTPUT */
#output {
  margin-top: 25px;
}

/* CARD */
.card {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 10px;
  background: #fff;

  font-size: 14px;
  line-height: 1.4;
}