body {
  margin: 0;
  background: #0d0f11;
  color: #e2e2e2;
  font-family: "Inter", sans-serif;
}

/* ===== HEADER ===== */
.main-header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: #111418;
  border-bottom: 1px solid #1e2125;
}

/* Hamburger */
.menu-btn {
  justify-self: start;
  background: none;
  border: 0;
  cursor: pointer;
  color: #00b4d8;
  font-size: 26px;
  line-height: 1;
}
.menu-btn:hover {
  color: #04e2ff;
}

/* Logo */
.logo-center {
  justify-self: center;
}
.logo {
  height: 48px;
  display: block;
}

/* Profile Emoji */
.user-profile {
  justify-self: end;
}
.profile-btn {
  background: none;
  border: 0;
  cursor: pointer;
  color: #00b4d8;
  font-size: 26px;
  line-height: 1;
}
.profile-btn:hover {
  color: #04e2ff;
}

/* ===== MAIN ===== */
main {
  padding: 40px 20px;
  text-align: center;
}
.intro h1 {
  font-size: 2rem;
  margin-bottom: 10px;
}
.intro p {
  color: #a9b3ba;
}

/* ===== FOOTER ===== */
.main-footer {
  text-align: center;
  padding: 10px;
  font-size: 14px;
  color: #666;
  border-top: 1px solid #1e2125;
}