.track-container {

  max-width: 480px;

  margin: 80px auto;

  background: rgba(255,255,255,0.85);

  backdrop-filter: blur(10px);

  padding: 35px;

  border-radius: 28px;

  box-shadow:
    0 10px 40px rgba(0,0,0,0.06);

  border:
    1px solid rgba(139,90,43,0.08);

}

.track-title {

  font-family:
    'Playfair Display',
    serif;

  font-size: 42px;

  color: #4a3222;

  text-align: center;

  margin-bottom: 10px;

}

.track-subtitle {

  text-align: center;

  color: #8b7b70;

  font-size: 15px;

  margin-bottom: 35px;

}

#order-id-input {

  width: 100%;

  padding: 16px;

  border-radius: 14px;

  border: 1px solid #e7ddd4;

  background: #fff;

  font-size: 15px;

  outline: none;

  transition: 0.25s ease;

  box-sizing: border-box;

}

#order-id-input:focus {

  border-color: #8B5A2B;

  box-shadow:
    0 0 0 4px rgba(139,90,43,0.08);

}

.track-btn {

  width: 100%;

  margin-top: 18px;

  padding: 15px;

  border: none;

  border-radius: 14px;

  background: #8B5A2B;

  color: white;

  font-size: 15px;

  font-weight: 600;

  cursor: pointer;

  transition: 0.25s ease;

}

.track-btn:hover {

  background: #6f4522;

  transform: translateY(-2px);

}

@media (max-width: 768px) {

  .track-container {

    margin: 40px 18px;

    padding: 25px;

  }

  .track-title {

    font-size: 34px;

  }

}