* { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: 'Poppins', sans-serif; background-color: #f4f4f4; color: #333; }
  .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
  header { display: flex; justify-content: space-between; align-items: center; background-color: #1e73be; padding: 15px; color: white; overflow-x: auto;}
  header .logo h1 { font-size: 24px; }
  header nav ul { list-style: none; display: flex; }
  header nav ul li { margin-left: 20px; }
  header nav ul li a { color: white; text-decoration: none; font-size: 16px; }
  header nav ul li a:hover { text-decoration: underline; }
  main { margin-top: 30px; }
  .tracking-section, .tracking-details { background-color: #ffffff; padding: 40px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; max-width: 600px; margin: 0 auto; }
  .tracking-section h2, .tracking-details h3 { font-size: 24px; margin-bottom: 20px; color: #333; }
  .tracking-form { display: flex; flex-direction: column; }
  .tracking-form label { font-size: 16px; margin-bottom: 8px; color: #555; }
  .tracking-form input, .tracking-form button { padding: 10px; font-size: 16px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; }
  .tracking-form input { border: 1px solid #1e73be; outline: 1px solid #1e73be;}
  .tracking-form button { background-color: #d62839; color: white; border: none; font-weight: bold; cursor: pointer; }
  .tracking-form button:hover { background-color: #d62839; }
  .details p { font-size: 14px; word-break; break-all; margin-bottom: 12px; }
  .details span { font-weight: bold; word-break: break-all; }
  .note {margin: 20px 0px; font-size: 15px;}
  footer { margin-top: 50px; text-align: center; font-size: 14px; color: #555; }
  footer p { margin-top: 10px; color: #777; }